Javascript에서 new()가 수행하는 작업에 대한 자세한 설명

JavaScript에서 new 연산자는 어떻게 작동하나요? 생성자의 반환 값을 어떻게 변경하며 이것이 무엇을 가리키는가요? 다음 글에서는 Javascript에서 new()가 하는 일에 대한 관련 정보를 소개합니다. 필요한 친구는 참고할 수 있습니다.

머리말

다른 고급 언어와 마찬가지로 JavaScript에는 new 연산자가 클래스를 인스턴스화하고 인스턴스 개체를 메모리에 할당하는 데 사용된다는 것을 알고 있습니다. 하지만 JavaScript에서는 모든 것이 객체입니다. 왜 객체를 생성하기 위해 new를 사용해야 할까요? 이 글에서는 자바스크립트의 new에 대한 미스터리를 탐구하게 될 것입니다...

Person의 새 인스턴스를 생성하려면 new 연산자를 사용해야 합니다.

이런 방식으로 생성자를 호출하는 것은 실제로 다음 4단계를 거칩니다.

(1) 새 개체를 만듭니다.

(2) 생성자의 범위를 새 개체에 할당합니다.

(3) 생성자에서 코드를 실행합니다(이 새 객체에 속성을 추가합니다).

(4) 새 객체를 반환합니다.

새 연산자

위의 기본 개념을 소개하고 새 연산자를 추가하면 전통적인 객체 지향 클래스 + 객체를 생성하는 새로운 방법을 완성할 수 있습니다. JavaScript에서는 이러한 접근 방식을 호출합니다. 의사고전적.

위의 예를 바탕으로 다음 코드를 실행합니다.

var obj = new Base();

이 코드의 결과는 무엇입니까? Javascript 엔진에서 볼 수 있는 객체 모델은 다음과 같습니다.

새 연산자는 구체적으로 다음과 같습니다. 실제로는 매우 간단합니다. 세 가지 작업만 수행합니다.

var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);

첫 번째 줄에서는 빈 개체 obj를 만듭니다

두 번째 줄에서는 이 빈 개체의 __proto__ 멤버가 기본 함수 개체 프로토타입 멤버 개체를 가리킵니다

세 번째 줄 , Base 함수 개체의 this 포인터를 obj로 바꾼 다음 Base 함수를 호출하므로 호출 사용과 관련하여 이 멤버 변수의 값은 "base"입니다. 기능.

Base.prototype 객체에 몇 가지 기능을 추가하면 어떤 효과가 있을까요?

예를 들어 코드는 다음과 같습니다.

Base.prototype.toString = function() {
 return this.id;
}

그런 다음 new를 사용하여 새 개체를 생성할 때 __proto__의 특성에 따라 toString 메서드도 다음의 메서드로 액세스할 수 있습니다. 새로운 개체.

생성자에서 '클래스'의 멤버 변수(예: 예제의 id)를 설정하고 생성자 개체 프로토타입에서 '클래스'의 공용 메서드를 설정합니다. 따라서 클래스 및 클래스 인스턴스화의 효과는 함수 객체, Javascript의 고유한 __proto__ 및 프로토타입 멤버, new 연산자를 통해 시뮬레이션됩니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

vue 구성 요소 및 재사용에 대한 자세한 설명

vue는 vue-i18n을 사용하여 국제화 구현 코드를 구현합니다.

무한 로딩 Vue의 vue-infinite-loading 방법

위 내용은 Javascript에서 new()가 수행하는 작업에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!