JavaScript_기본 지식으로 프로토타입 및 프로토타입 체인에 대한 자세한 설명

Javascript의 모든 객체에는 내장 속성 프로토타입이 있습니다. Javascript에서 객체의 프로토타입 속성에 대한 설명은 객체 유형의 프로토타입에 대한 참조를 반환한다는 것입니다. 이것이 의미하는 바는 프로토타입 속성이 현재 객체의 상위 객체 역할을 하는 다른 JavaScript 객체에 대한 참조를 보유한다는 것입니다.

코드 복사 코드는 다음과 같습니다.

A.prototype = new B();

프로토타입을 이해하려면 프로토타입을 상속과 혼동해서는 안 됩니다. A의 프로토타입은 B의 인스턴스입니다. A가 B의 모든 메서드와 속성을 복제한 것으로 이해할 수 있습니다. A는 B의 메서드와 속성을 사용할 수 있습니다. 여기서 강조점은 상속보다는 복제에 있습니다. 이런 상황이 발생할 수 있습니다. A의 프로토타입은 B의 인스턴스이고 B의 프로토타입도 A의 인스턴스입니다.

아래 분석을 계속 읽어보세요.

개인 변수 및 함수

함수 내부에 정의된 변수와 함수는 외부 세계에 대한 인터페이스가 제공되지 않으면 외부 세계에서 액세스할 수 없습니다. 즉, 변수와 함수는 함수 전용입니다.

코드 복사 코드는 다음과 같습니다.

위의 예에서 테스트 개체는 Hi.prototype 및 Year.prototype을 상속하므로 Year의 프로토타입 메서드 메서드에 액세스할 수 있으며 인스턴스 속성 값에 액세스할 수 있습니다.

__ptoto__ 속성

__ptoto__ 속성(IE 브라우저에서는 지원되지 않음)은 인스턴스에서 프로토타입 객체에 대한 포인터입니다. 해당 기능은 생성자의 프로토타입 속성 생성자를 가리키는 것입니다. 이 두 속성을 통해 속성과 메서드에 액세스할 수 있습니다. 프로토타입에서.

Javascript의 객체 인스턴스는 기본적으로 일련의 속성으로 구성됩니다. 이러한 속성 중에는 내부에 보이지 않는 특수 속성인 __proto__가 있습니다. 이 속성의 값은 객체만 갖는 객체 인스턴스의 프로토타입을 가리킵니다. 독특한 프로토타입.

코드 복사 코드는 다음과 같습니다.

공장 모드

코드 복사 코드는 다음과 같습니다.

함수 createObject(이름,나이){
var obj = new Object();
Obj.name = 이름;
Obj.age = 나이;
객체 반환;
}

팩토리 패턴은 인스턴스화된 객체의 대량 복제 문제를 해결하지만 또 다른 문제가 있습니다. 즉, 어떤 객체가 인스턴스인지 파악하는 것이 불가능하다는 것입니다.
생성자 메서드를 사용하면 반복되는 인스턴스화 문제를 해결할 수 있을 뿐만 아니라 객체 식별 문제도 해결합니다.

생성자 메서드 사용과 팩토리 패턴 사용의 차이점은 다음과 같습니다.

1. 생성자 메소드는 생성된 객체(new Object())를 표시하지 않습니다.
2. 이 객체에 속성과 메소드를 직접 할당
3. 반품 불가

생성자를 사용하고 new constructor()를 사용하면 new Object()가 백그라운드에서 실행됩니다.
함수 본문의 this는 new Object()에 의해 생성된 객체를 나타냅니다.

1. 속성이 생성자의 인스턴스에 있는지 아니면 프로토타입에 있는지 확인하려면 `hasOwnProperty()` 함수를 사용할 수 있습니다
2. 생성자 속성을 사용하여 리터럴을 생성하는 방식은 인스턴스를 가리키는 것이 아니라 객체를 가리키는 방식입니다.
왜 객체를 가리키는가? Box.prototype = {}; 이 작성 방법은 실제로 새 객체를 생성하기 때문입니다.
함수가 생성될 때마다 해당 프로토타입이 동시에 생성되며 이 객체도 자동으로 생성자 속성을 얻습니다
3. 인스턴스 메소드인 경우 인스턴스화마다 메소드 주소가 다르며 고유합니다
4. 프로토타입 방식이라면 주소가 공유됩니다