JavaScript는 기본 유형 및 객체의 값별 전달 및 참조별 전달을 어떻게 처리합니까?-JS 튜토리얼-php.cn

JavaScript는 기본 유형 및 객체의 값별 전달 및 참조별 전달을 어떻게 처리합니까?

Patricia Arquette

풀어 주다： 2024-12-18 12:54:11

원래의

954명이 탐색했습니다.

How Does JavaScript Handle Pass-by-Value and Pass-by-Reference with Primitive Types and Objects?

JavaScript Pass-by-Value vs. Pass-by-Reference

JavaScript에서는 모든 변수가 값으로 전달됩니다. 즉, 원래 값의 복사본이 만들어지고 함수에 전달됩니다. 그러나 값이 배열이나 객체 리터럴과 같은 객체인 경우 복사본은 원본 객체에 대한 참조입니다.

함수 인수에 미치는 영향

프리미티브: 프리미티브(예: 숫자, 문자열)가 함수에 전달되면 모든 변경 사항이 적용됩니다. 함수 내의 해당 값에 대한 값은 함수의 로컬 범위로 제한되며 함수 외부의 원래 변수에는 영향을 주지 않습니다.
객체 참조: 객체 참조가 함수에 전달되는 경우 , 함수 내 객체 속성에 대한 변경 사항은 함수 외부에서도 원래 객체에 반영됩니다.

외부 변수에 미치는 영향 함수

참조에 의한 전달: 객체 참조는 참조에 의해 전달됩니다. 즉, 함수 내에서 객체의 속성을 변경하면 원래 객체의 속성에 영향을 미칩니다. 그러나 함수 내에서 참조 자체에 대한 변경 사항(예: 재할당)은 원본에 영향을 주지 않습니다. 변수.
값별 전달: 값으로 전달된 기본 값 및 개체 참조는 함수 외부의 원래 변수에 영향을 주지 않습니다.

예시

function f(a, b, c) {
  a = 3; // Reassignment changes the local variable only.
  b.push("foo"); // Property change affects the original object.
  c.first = false; // Property change affects the original object.
}

const x = 4;
let y = ["eeny", "miny", "mo"];
let z = { first: true };
f(x, y, z);

console.log(x, y, z.first); // Output: 4, ["eeny", "miny", "mo", "foo"], false

로그인 후 복사

위 예시에서는 b, c 객체의 변경사항이 반영되었습니다. a를 재할당해도 아무런 효과가 없습니다.

자세한 예:

function f() {
  const a = ["1", "2", { foo: "bar" }];
  const b = a[1]; // Copy the reference to the original array element
  a[1] = "4"; // Change the value in the original array
  console.log(b); // Output: "2" (Original value of the copied reference)
}

로그인 후 복사

첫 번째 예에서는 a가 수정되었지만 b는 참조의 복사본이므로 여전히 원래 값을 유지합니다.

function f() {
  const a = [{ yellow: "blue" }, { red: "cyan" }, { green: "magenta" }];
  const b = a[1]; // Copy the reference to the original object
  a[1].red = "tan"; // Change the property in the original object
  console.log(b.red); // Output: "tan" (Property change is reflected in both variables)
  b.red = "black"; // Change the property through the reference
  console.log(a[1].red); // Output: "black" (Property change is reflected in both variables)
}

로그인 후 복사

두 번째 예에서는 a[1].red는 동일한 객체 참조를 공유하기 때문에 a와 b 모두에 영향을 줍니다.

독립 복사본 생성

객체의 완전히 독립적인 복사본을 생성하려면, JSON.parse() 및 JSON.stringify() 메서드를 사용하여 객체를 각각 역직렬화 및 직렬화할 수 있습니다. 예:

const originalObject = { foo: "bar" };
const independentCopy = JSON.parse(JSON.stringify(originalObject));

로그인 후 복사

위 내용은 JavaScript는 기본 유형 및 객체의 값별 전달 및 참조별 전달을 어떻게 처리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!