>  기사  >  웹 프론트엔드  >  값에 의한 JavaScript 매개변수 전달 및 참조 전달 사용 예에 ​​대한 자세한 설명

값에 의한 JavaScript 매개변수 전달 및 참조 전달 사용 예에 ​​대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-26 17:09:221215검색

값 전달이란 무엇인가요?

즉, 함수 외부의 값을 함수 내부의 매개변수에 복사하는 것은 한 변수의 값을 다른 변수에 복사하는 것과 같습니다.

값으로 전달

간단한 예:


var value = 1;
function foo(v) {
  v = 2;
  console.log(v); //2
}
foo(value);
console.log(value) // 1

이해하기 쉽습니다. foo 함수에 값을 전달하는 것은 값의 복사본을 _value라고 가정하는 것과 같습니다. 함수에서 수정되는 것은 원래 값에 영향을 주지 않고 _value 값입니다.

참조로 전달

복사는 이해하기 쉽지만 값이 복잡한 데이터 구조인 경우 복사하면 성능 문제가 발생합니다.

그래서 참조로 전달이라는 또 다른 전달 방법이 있습니다.

소위 참조에 의한 전달은 객체의 참조를 전달하는 것을 의미합니다. 함수 내부의 매개변수를 변경하면 둘 다 동일한 객체를 참조하기 때문에 객체의 값에 영향을 미칩니다.

예:


var obj = {
  value: 1
};
function foo(o) {
  o.value = 2;
  console.log(o.value); //2
}
foo(obj);
console.log(obj.value) // 2

이것은 참조에 의한 전달입니까?

세 번째 전송 방법

걱정하지 마세요. 다른 예를 살펴보겠습니다.


var obj = {
  value: 1
};
function foo(o) {
  o = 2;
  console.log(o); //2
}
foo(obj);
console.log(obj.value) // 1

JavaScript에서 참조 전송을 사용하면 외부 값도 수정됩니다. 어떻게 이런 일이 일어날 수 있나요? 바뀐거 아냐? 그렇다면 정말 참조로 전달되지 않는 걸까요?

실제로는 공유배송이라는 세 번째 배송 방법이 있다는 점을 언급하는 내용입니다.

공유 전송이란 객체를 전송할 때 객체의 참조 사본이 전송된다는 의미입니다.

참고: 참조로 전달하는 것은 객체에 대한 참조를 전달하는 것이고, 공유로 전달하는 것은 객체 참조의 복사본을 전달하는 것입니다!

그래서 o.value를 수정하면 참조를 통해 원래 값을 찾을 수 있지만, o를 직접 수정해도 원래 값은 수정되지 않습니다. 따라서 두 번째와 세 번째 예제는 실제로 공유를 통해 전달됩니다.

마지막으로 이렇게 이해하면 됩니다.

매개변수가 기본 유형이면 값으로 전달되고, 참조 유형이면 공유로 전달됩니다.

하지만 복사본도 값의 복사본이기 때문에 엘리베이션에서 값으로 직접 전달되는 것으로 간주되기도 합니다.

위 내용은 값에 의한 JavaScript 매개변수 전달 및 참조 전달 사용 예에 ​​대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.