JavaScript 매개변수를 값으로 전달하는 방법에 대한 자세한 소개

이 글은 주로 JavaScript 매개변수 값 전달에 대한 심층적인 이해를 소개합니다. 편집자는 이것이 꽤 좋다고 생각합니다. 이제 여러분과 공유하고 참고할 것입니다. 편집기를 따라가서 살펴보겠습니다.

정의
ECMAScript 의 모든 함수의 매개변수는 값으로 전달됩니다.

값별 전달이란 무엇인가요?

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

값 전달

간단한 예:

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

아, 그렇지 않습니다. 심지어 우리의 Little Red Book에서도 ECMAScript의 모든 함수의 매개변수가 값으로 전달된다고 말합니다. 성공에 대해?

그리고 이건 패스 바이 레퍼런스인가요?

세 번째 전송 방법

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

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

JavaScript가 참조 전송을 사용하는 경우 외부 레이어는 값도 수정됩니다. 왜 수정되지 않았나요? 그렇다면 정말 참조로 전달되지 않는 걸까요?

실제로는 공유배송이라는 세 번째 배송방식이 있다는 점을 언급한 것입니다.

공유 전송이란 객체를 전송할 때 객체의 참조 사본이 전송되는 것을 의미합니다.

참고: 참조 전달은 객체에 대한 참조를 전달하는 반면 공유 전달은 객체 참조의 복사본을 전달합니다!

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

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

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

그러나 복사본도 값의 복사본이기 때문에 엘리베이션에서 값으로 직접 전달되는 것으로 간주됩니다.

그래서 당신을 작은 빨간 책이라고 부르는 Gao Cheng!

심층 시리즈

JavaScript 심층 시리즈는 JavaScript에 대한 기본 지식을 원활하게 하는 데 도움이 되는 약 15개의 기사로 구성될 예정입니다. 프로토타입, 범위, 실행 컨텍스트, 변수 객체, this, 클로저, 값으로 전달, call, 적용, 바인딩, new, inherited 및 기타 어려운 개념.

위 내용은 JavaScript 매개변수를 값으로 전달하는 방법에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!