JavaScript의 함수 호출에 대한 코드 세부정보

많은 분들이 JavaScript를 배우시는 과정에서 함수 매개변수 전달 방식에 대해 헷갈려하셨을 텐데요. JavaScript에 대한 지식, 관심 있는 친구들, 함께 배워보세요

정의

많은 사람들이 학습 과정에서 함수 매개 변수를 접했을 수도 있습니다. Javascript 전송 방법에 대해 혼란스러워서 심층 분석의 정신으로 소스 코드에서 몇 가지 답을 찾고 싶습니다. 그러나 이를 수행하기 전에 먼저 몇 가지 개념을 명확히 해야 합니다. 값 전달, 참조 전달 등 고유의 이름을 버리고 영어로 돌아갑니다.

call by reference && call by value && call by shared

C++에서 참조 전달과 값 전달로 이해되는 것입니다. 세 번째는 더 혼란스럽습니다. 공식적인 설명은 이 객체에 대한 참조 사본을 받는다는 것입니다. 일반인의 관점에서 설명하겠습니다.

객체는 키의 집합으로 이해될 수 있습니다. 객체는 키가 가리키는 데이터를 참조합니다(포인터인지 여부는 다루지 않겠습니다). 구현 또는 C++ 참조 구현) 함수가 수신하는 것은 변수 의 복사본입니다. 이 변수는 개체에 대한 참조를 포함하며 값으로 전달됩니다.

그렇다면 함수 매개변수를 전달할 때 받는 객체 유형 매개변수는 실제로 실제 매개변수의 복사본이므로 유형 매개변수의 포인터를 직접 변경하는 것은 불가능하다는 것이 분명합니다. ; 객체 자체 때문에 키는 모두 참조이므로 키 포인터를 수정하는 것이 가능합니다.

증명

몇 가지 간단한 코드로 이를 증명할 수 있습니다

코드 1: 함수는 가리키는 데이터를 수정할 수 있습니다. to by key

let func = obj => { obj.name = 'Dosk' };
let obj = {name : 'Alxw'};
console.log(obj); //{ name: 'Alxw' }
func(obj)
console.log(obj); //{ name: 'Dosk' }

코드 2: 함수는 obj를 수정할 수 없습니다

let func = obj => { obj = {} };
let obj = {name : 'Alxw'};
console.log(obj); //{ name: 'Alxw' }
func(obj)
console.log(obj); //{ name: 'Alxw' }

코드 3: 내부 obj와 외부 === 결과는 동일합니다

let def = {name : 'Alxw'};
let func = obj => { console.log(obj === def) };
func(def); //true

그래서 다음이 있을 수 있습니다. 세 번째 코드 부분에 문제가 있습니다. obj는 def의 복사본인데 왜 === 연산이 여전히 true일 수 있습니까? === 연산이 Object에 대한 메모리의 주소를 비교한다는 뜻이 아닌가요? 복사본이라면 false여야 합니까?

이제 Google V8의 소스 코드로 돌아가서 살펴보겠습니다.

Google V8 심층 분석

소스 코드에서 정확히 동일한 연산 코드 부분을 살펴보겠습니다.

bool Object::StrictEquals(Object* that) {
 if (this->IsNumber()) {
  if (!that->IsNumber()) return false;
  return NumberEquals(this, that);
 } else if (this->IsString()) {
  if (!that->IsString()) return false;
  return String::cast(this)->Equals(String::cast(that));
 } else if (this->IsSimd128Value()) {
  if (!that->IsSimd128Value()) return false;
  return Simd128Value::cast(this)->Equals(Simd128Value::cast(that));
 }
 return this == that;
}

다음과 같아야 합니다. 마지막 경우 이론적으로 def와 obj가 다른 객체라면 false를 반환해야 합니다. 위의 내용을 뒤집는 것이 아닌가요? 실제로는 한 가지가 무시됩니다. 즉, 객체를 내부적으로 인스턴스화할 때 Google V8 자체는 동적 인스턴스화이며, 컴파일된 언어에서 동적 인스턴스화는 힙 메모리에서만 수행될 수 있다는 것을 알고 있습니다. 사용됩니다. 이 결론을 증명하려면 Local, Handle 및 기타 class를 구현하는 것이 너무 번거롭다고 생각합니다. 🎜> 소스 코드 검색 이 호출되는 모든 곳은 주소 연산을 거치지 않고 직접 전달됩니다. Object::StrictEquals

그러나 어떤 사람들은 값으로 전달된 변수에 Object에 대한 참조가 포함되어 있으므로 이론적으로 Object를 수정하는 것이 가능하다고 질문할 수 있습니다. 왜 세 번째 코드는 수정할 수 없나요?

이유는 매우 간단합니다. 왜냐하면 소위 Javascript 언어의 논리적 수준에서 우리가 수행하는 작업은 단지 Google V8의 인스턴스 메서드를 호출하는 것일 뿐 현 시점에서는 작업이 불가능하기 때문입니다(물론 잠재적인 버그가 발생할 수 있음). -. -)

재정의

여기에 공유하면 호출을 다시 설명할 수 있을 것 같습니다.

실제로 값으로 전달되지만 내용에는 Object의 포인터가 포함되어 있으며 이 포인터는 여러 변수에 의해 공유됩니다.

또 다른 간단한 증명

자, 소스코드를 보세요

V8_DEPRECATE_SOON("Use maybe version",
         Local<Value> Call(Local<Value> recv, int argc,
                  Local<Value> argv[]));
V8_WARN_UNUSED_RESULT MaybeLocal<Value> Call(Local<Context> context,
                       Local<Value> recv, int argc,
                       Local<Value> argv[]);

위 내용은 곧 폐기될 예정입니다

인터페이스, 제가 본 코드의 이 버전에는 더 이상 사용되지 않을 예정인 코드가 많이 포함되어 있습니다. 한번 살펴보세요. 초점은 함수의 유일한 호출 인터페이스인 두 번째 인터페이스에 있습니다. 내부는 결국 C++의 비트 복사를 호출하므로 값으로 전달된다는 것을 쉽게 증명할 수 있습니다. Local<Value>

이 핵심일지도 모릅니다

잊지 마세요. 우리가 정의하는 변수는 모두

형식이므로 객체는 객체 간에 공유됩니다. Javascript에서 변수라고 부르는 것은 객체의 인스턴스를 직접 참조하지 않습니다!!!Handle<Object>

마지막 항목

간단히 말하면 이해하기 어려울 수도 있고 심지어 오류가 있을 수도 있지만, 자바스크립트 언어 수준에서 그 특징을 파악할 수 있다는 것이 중요합니다.

위 내용은 편집자가 소개한 Javascript의 함수 호출입니다. 궁금한 점이 있으면 메시지를 남겨주시면 편집자가 시간에 맞춰 답변해 드리겠습니다. . 또한 Script House 웹사이트를 지원해 주시는 모든 분들께 감사의 말씀을 전하고 싶습니다!

위 내용은 JavaScript의 함수 호출에 대한 코드 세부정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!