소개
1. 참조 유형
참조 유형은 JavaScript의 내부 유형입니다. 주로 변수나 함수를 대체하는 참조용으로 사용됩니다. 물론 실제 값이 필요한 경우에는 이를 통해 실제 값을 찾을 수도 있습니다.
2. 참조 유형의 구조
참조 유형의 값은 두 부분으로 구성됩니다. 하나는 참조 유형의 값이 참조하는 객체가 속한 객체이고, 다른 하나는 base에 있는 객체의 객체 이름입니다. 의사 코드로 표현:
다음과 같이 코드 코드를 복사합니다.
var valueOfReferenceType = {
기본: <기본 개체>,
속성 이름: <속성 이름>
};
3.사용 시나리오
참조 유형에는 두 가지 사용 시나리오가 있습니다.
(1) 식별자를 처리하는 경우
식별자는 전역 개체의 변수 이름, 함수 이름, 함수 매개 변수 이름 및 인식할 수 없는 속성 이름입니다.
(2) 속성 접근자를 처리하는 경우
다음과 같이 코드 코드를 복사합니다.
var foo = 10;
함수 표시줄( ){}
작업의 중간 결과에서 참조 유형은 다음과 같습니다.
다음과 같이 코드 코드를 복사합니다.
var fooReference = {
기본: 글로벌,
속성 이름: 'foo'
};
var barReference = {
기본: 글로벌,
속성 이름: '바'
};
여기서는 기본을 설명할 필요가 있습니다. JavaScript에서는 모든 개체나 함수가 고유한 개체를 가지고 있습니다. 이전 기사를 읽은 사람이라면 각 실행 컨텍스트에 이 실행 컨텍스트의 변수나 함수를 관리하는 변수 개체가 있다는 것을 알고 있습니다. .
따라서 식별자를 다룰 때:
글로벌 맥락에서 base === globalVO === gloabal은 말할 필요도 없습니다.
함수의 실행 컨텍스트에서 기본 === VO/AO
그러나 처리 개체 속성은 다음과 같습니다.
이것은 훨씬 더 간단합니다. base === owerObject
4. 참조 유형의 실제 값을 가져옵니다.
처음에 말했듯이 참조 유형은 참조일 뿐 실제 값을 저장하지는 않습니다. 실제 값이 필요한 경우 일련의 내부 알고리즘을 통해 얻을 수 있습니다. 간단한 의사 코드로 이 알고리즘을 설명할 수 있습니다.
다음과 같이 코드 코드를 복사합니다.
함수 GetValue(값) {
if (유형(값) != 참조) {
반환값;
}
var 기본 = GetBase(값);
if (기본 === null) {
새로운 ReferenceError를 발생시킵니다.
}
return base.[[Get]](GetPropertyName(value));
}
내부 [[Get]] 메서드는 프로토타입 체인에서 상속된 속성 분석을 포함하여 개체 속성의 실제 값을 반환합니다. 따라서 GetValue를 통해 참조 유형의 실제 값을 쉽게 얻을 수도 있습니다. 예를 들어:
다음과 같이 코드 코드를 복사합니다.
GetValue(fooReference); // 10
GetValue(barReference); // 함수 객체 "bar"
그렇다면 참조 유형의 실제 값은 언제 얻어야 할까요?
일반적으로 참조 유형을 지정하거나 작업에 참여하거나 호출해야 하는 경우 GetValue 메서드를 통해 실제 값을 가져와야 합니다. (참고: GetValue를 통해 얻은 객체는 더 이상 참조 유형이 아닙니다.)
참조 유형과 이것 사이의 관계
참조 유형은 주로 함수 컨텍스트에서 this 지점과 밀접한 관련이 있고, 시점에 따라 상당히 다르게 보이기 때문에 함수 컨텍스트에서 this의 성능을 구체적으로 설명하기 위해 참조 유형을 도입했습니다.
함수 컨텍스트에서 this 값을 결정하는 일반적인 규칙은 다음과 같습니다.
함수의 맥락에서 이는 호출자에 의해 제공되며 함수가 호출되는 방식에 따라 결정됩니다. 호출 대괄호()의 왼쪽이 참조 유형 값인 경우 이는 참조 유형 값의 기본 개체로 설정됩니다(참조 유형과 다른 모든 속성). 이 값은 null이 됩니다. . 그러나 this 값이 null인 실제 상황은 없습니다. 왜냐하면 this 값이 null이면 해당 값이 암시적으로 전역 개체로 변환되기 때문입니다. 참고: ECMAScript의 5번째 버전에서는 전역 변수로의 변환이 더 이상 강제되지 않지만 정의되지 않음으로 지정됩니다.
아래에서는 호출 브래킷 왼쪽의 차이를 기반으로 세 가지 상황에 대해 설명합니다.
(1) 호출 괄호의 왼쪽은 참조 유형의 값입니다.
이것은 너무 많은 분석이 필요하지 않습니다. 기본 개체는 이것의 가치입니다. 전역 변수 아래에 선언된 경우 전역 개체를 가리킵니다.
다음과 같이 코드 코드를 복사합니다.
var myObject = {
foo : 함수(){
console.log(this);
}
}
myObject.foo(); //foo의 기본이 myObject라는 것은 의심의 여지가 없으므로 foo 메서드의 이 값은 myObject를 가리킵니다.
(2) 호출 괄호의 왼쪽은 참조 유형 값이지만 이 값은 null입니다.
다음과 같이 코드 코드를 복사합니다.
함수 myFunction() {
var foo = 함수(){
console.log(this);
}
foo(); //AO.foo() => null.foo()
}
myFunction(); //출력: 창 {top: 창, 창: 창...}
내부 함수가 호출되면 내부 함수의 기본은 현재 실행 컨텍스트의 활성 개체(OA)여야 합니다. 그러나 JavaScript 내에서는 OA를 기본으로 사용하는 경우 JavaScript는 확실히 null로 처리되지 않습니다. 이것이 null이 되도록 허용하면 모든 기본이 전역 개체로 설정됩니다(이것이 이전 이 함수 호출 패턴의 설계 오류의 원인입니다). 따라서 이 경우에는 전역 개체를 가리킵니다.
(3) 참조형이 아닌 괄호 왼쪽의 값을 호출한다.
다음과 같이 코드 코드를 복사합니다.
//간단한 예
(기능 () {
console.log(this); // null => 전역
})();
//더 복잡한 예
var foo = {
바: 함수 () {
console.log(this);
}
};
foo.bar(); // 참조, OK => foo
(foo.bar)(); // 참조, OK => foo
(foo.bar = foo.bar)(); // 전역
(false || foo.bar)(); // 전역
(foo.bar, foo.bar)(); // 전역
호출 괄호의 왼쪽이 참조 유형이 아닌 다른 유형인 경우 이는 자동으로 null로 설정되고 결과는 전역 객체입니다.
첫 번째 예에서 직접 함수의 함수 호출 괄호 왼쪽에는 참조가 아닌 표현식이 있습니다.
두 번째 예는 훨씬 더 복잡합니다. 하나씩 분석해 보겠습니다.
foo.bar(), 이것에 대해서는 의심의 여지가 없습니다. 기본은 foo이고 이것은 foo를 가리킵니다.
(foo.bar)() 여기서는 그룹화 기호 역할을 하는 괄호를 사용합니다. 즉, 참조 유형이 GetValue 메서드를 실행하도록 강제하지 않으며 실행 결과는 위와 동일합니다.
괄호 안의 다음 세 개는 할당 작업 또는 작업과 쉼표 작업입니다. 이 작업은 모두 참조 유형이 GetValue 메서드를 실행하도록 하여 함수 개체를 반환합니다. 이런 식으로 함수 호출 괄호의 왼쪽은 더 이상 참조 유형이 아니므로 전역 객체를 가리킵니다.
요약
참조 유형에 대해서는 사실 잘 모릅니다. 함수 호출 모드에서 이에 대한 가치 원리를 설명하기 위해 방금 Tom 삼촌의 블로그에서 이에 대한 장을 보았습니다. 저는 항상 참조 유형과 값별 참조 사이에 어떤 관계가 있어야 한다고 생각했습니다. 예기치 않게 이는 이를 이해하는 데 도움을 주기 위해 Bolg에서만 사용됩니다. 이전에도 두 사람 사이에 인연이 있었는지, 인연이 있었다면 어떤 인연이었는지는 아직 계속 연구하고 연구해야 할 것 같다.
더 많은 소통을 할 수 있기를 바랍니다. 이에 대해 Tom 삼촌에게 감사를 표하고 싶습니다.