js 프로토타입에 대한 자세한 소개

JS의 프로토타입 객체와 프로토타입 속성에 대해 잘 알고 계시다면 나중에 프로토타입 체인과 상속을 이해하는 것이 매우 쉬울 것입니다.

 1  function Person(){ 2 } 3 Person.prototype.name = "jingzi"; 4 Person.prototype.age = 20; 5 Person.prototype.sayName = function(){ 6    alert(this.name); 
 7 }; 8  9 var person1 = new Person();10 person1.sayName();    //"jingzi"

생성된 객체입니다. 프로토타입 패턴을 사용하면 코드가 매우 짧고 이해하기 어렵지 않습니다. 프로토타입 때문에 의심이 든다면 계속 읽어주세요

이 보기 흉한 다이어그램은 무시하세요(.・＿・.)ﾉ. 이것이 문제 이해의 핵심입니다~ 본문으로 들어가 보겠습니다. . . .

각 함수가 생성되면 함수의 프로토타입 개체를 가리키는 prototye 속성을 갖게 됩니다. 기본적으로 각 프로토타입 객체는 프로토타입 속성이 있는 함수에 대한 포인터를 포함하는 생성자 속성을 얻습니다.

위에 표시된 것처럼 Person 함수가 생성되면 Person 프로토타입 프로토타입 개체를 가리키는 프로토타입 속성이 있고 이 프로토타입 개체에는 포인터가 프로토타입 속성이 있는 함수인 Person을 가리키는 생성자 속성이 있습니다. Person. 객체 인스턴스를 만들면 프로토타입 속성이 있습니다(모든 함수가 생성될 때 프로토타입 속성을 갖기 때문입니다(^o^)/). 이 프로토타입 속성은 생성자 Person을 직접 가리키는 것이 아니라 프로토타입 객체를 가리킵니다.

여기서 기억해야 할 점은 인스턴스 객체가 프로토타입 객체를 통해 생성자와 연결된다는 점입니다.

관련 추천:

JS 프로토타입에 대한 자세한 설명

js 프로토타입 체인에 대한 추천 기사 7개

JS 프로토타입 객체와 프로토타입 chain_javascript 기술에 대한 간단한 이야기

위 내용은 js 프로토타입에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!