값 또는 참조에 의한 JavaScript 전달: 실제 이야기는 무엇입니까?

JavaScript: Pass by Reference vs. Pass by Value Demystified

JavaScript에서는 참조에 의한 전달과 값에 의한 전달이라는 주제가 자주 제기됩니다. 질문. 효과적인 프로그래밍을 위해서는 이 개념을 이해하는 것이 중요합니다.

값에 의한 전달 vs. 참조에 의한 전달

일반적인 믿음과는 달리 JavaScript는 항상 값에 따라 함수에 인수를 전달합니다. 그러나 전달된 값은 기본 데이터 유형(숫자, 문자열, 부울, null, 정의되지 않음)이거나 객체에 대한 참조(배열, 객체)일 수 있습니다.

프리미티브 대 객체

• 기본값: 실제 값으로 전달됩니다. 전달된 값을 수정해도 함수 외부의 변수에는 영향을 미치지 않습니다.
• 객체(배열, 객체): 참조로 전달됩니다. 객체의 속성을 수정하면 함수 외부의 변수에 영향을 줍니다. 그러나 전체 개체를 새 참조에 다시 할당해도 외부 변수에는 영향을 미치지 않습니다.

예:

코드 조각을 고려하세요.

function f(a, b) {
  a = 3;
  b[0] = "foo";
}

var x = 4;
var y = ["eeny", "miny", "mo"];
f(x, y);

• x는 값으로 전달된 기본 요소이므로 변경되지 않고 그대로 유지됩니다. 재할당되었습니다.
• y는 참조로 전달된 객체이고 해당 속성이 수정되었기 때문에 수정되었습니다.

독립 객체 복제

생성하려면 참조가 없는 객체의 완전히 독립적인 복사본인 경우 가장 좋은 방법은 Object.sign() 메서드나 스프레드 연산자를 사용하는 것입니다. (...).

예:

const original = { foo: "bar" };
const clone = { ...original };

이 예에서 복제본은 원본의 독립 복사본입니다. 복제에 대한 수정 사항은 원본에 영향을 미치지 않습니다.

위 내용은 값 또는 참조에 의한 JavaScript 전달: 실제 이야기는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!