\'new.target\'은 무엇이며 ES6 클래스에서 어떻게 작동합니까?

ECMAScript 2015의 "new.target" 이해

ECMAScript 2015 사양에는 "new.target"이라는 키워드가 소개되어 간략하게 세 번이나 언급했다. MDN은 일부 컨텍스트를 제공하지만 여전히 다소 모호합니다.

"new.target"이 무엇인가요?

"new.target"은 메타 속성으로, NewTarget. 애로우가 아닌 함수 환경의 [[NewTarget]] 내부 슬롯의 현재 값을 검색합니다. 이 값은 함수가 "new" 키워드로 호출될 때 설정됩니다.

"new.target"의 목적

주된 목적은 다음을 결정하는 것입니다. 함수가 생성자로 호출되었는지 여부. 또한 ES6 클래스 구현에서 중요한 역할을 합니다.

ES6 클래스가 "new.target"을 활용하는 방법

ES6 클래스 생성자가 "new.target"을 통해 호출되는 경우 new X"인 경우 "this" 값이 초기화되지 않습니다. 개체가 아직 생성되지 않았습니다. 그러나 인스턴스는 원래 호출된 생성자의 .prototype에서 상속해야 합니다.

"new.target"은 super() 호출 중에 "new" 호출을 수신한 "가장 바깥쪽" 생성자를 추적합니다. OrdinaryCreateFromConstructor 프로시저는 현재 실행된 생성자 대신 "new.target"을 사용하여 올바른 상속을 보장합니다.

예:

<code class="javascript">class Parent {
  constructor() {
    console.log(new.target); // Child!
  }
}
class Child extends Parent {
  constructor() {
    super();
    console.log(this);
  }
}

new Child;</code>

이 예에서는 "new .target"은 Parent 생성자 내에서 "Child"를 출력하여 "new" 키워드로 호출되었음을 나타냅니다.

위 내용은 \'new.target\'은 무엇이며 ES6 클래스에서 어떻게 작동합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!