JS 프로토타입 객체 인기 '노래법'_javascript 기술

1. 프로토타입 객체에 대한 중요한 지식 포인트

우선 매우 중요한 지식 포인트를 한 문장으로 알아야 합니다: 모든 객체에는 프로토타입 객체가 있습니다.

2. 다른 언어에 대한 이해 비교 ​​

프로토타입 객체는 다른 언어의 클래스에 있는 정적 속성 및 정적 메서드입니다. 원칙은 다음과 같습니다.

3. 메모리의 이미지 맵:

우선 js 객체를 생성하기 전에 생성자를 만들어야 합니다(모르겠습니다). 더 이상 읽지 마세요), 다음과 같습니다:

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

함수 사람 (name_, age_) {
this.name = name_;
this.age = age_
}

다음은 우리 새 객체가 필요합니다. 여기에는 세 개의 새로운 (Person) 객체인 "Zhang San" "Li Lei" "Han Meimei"가 있습니다. 이들은 동일한 생성자에서 나왔습니다. Person:

이를 보면 비교적 이해하기 쉬울 것입니다. 다음으로 다음과 같이 attribute.location 속성을 추가합니다.

코드 복사

코드는 다음과 같습니다. function Person(name_, age_) { this.name = name_ this.age = age_; .location = "Earth";

}

이때 메모리 상황은 다음과 같습니다.

여기서 세 물체는 모두 "지구"의 기억 공간을 가지고 있습니다. 여기서는 세 사람이 지구에 대한 기억을 가지고 있다고 할 수 있을까요?

이거 좋은 아이디어라고 생각하시나요? 지구가 하나만 있으면 누구나 사용할 수 있습니다. 공용 공간이 객체라면 그렇죠. 소위 프로토타입 객체죠?

그렇습니다.

프로토타입 객체의 가장 중요한 기능은 자체적으로 제공하는 것입니다. 최종 사진은 다음과 같습니다.

4. 코드 수준에서 프로토타입 객체를 소개합니다.

위 그림은 이제 메모리에 있는 객체입니다. 코드레벨 연산

코드복사


코드는 다음과 같습니다.

function Person (name_, age_) { this.name = name_; this.age = age_; this.location = "Earth"; } // 특정 개체 3개

var zhangsan = new Person("zhangsan", 21);

var lilei = new Person("lilei", 21);
var hanmeimei = new Person("hanmeimei", 21)// 해당 프로토타입 개체는
Person.prototype.location = "Earth";
Person.prototype.killPerson = function() {
return "Kill"};
여기에 문제가 있습니다. 프로토타입 객체의 속성에 어떻게 액세스합니까? 즉, 위치를 얻고 killPerson 메소드를 사용하는 방법은 무엇입니까?




코드 복사


코드는 다음과 같습니다.

alert(zhangsan.location)
alert (zhangsan.killPerson())


이 방법으로 액세스할 수 있지만 전제는 위치와 killPerson이 개체 속성에 정의되어 있지 않다는 것입니다. 그렇지 않으면 프로토타입 문제가 발생합니다. 즉,
zhangsan.location 먼저 zhangsan 객체 자체를 확인합니다. Zhang San이 이름, 나이 및 프로토타입 포인터 속성을 갖고 있음을 알 수 있습니다. 위치가 발견되지 않으면 계속해서 원본 객체를 검색합니다. 위치 속성을 찾을 수 있는지 확인하세요. 그렇다면 원본 개체의 속성이 호출됩니다.
그래서

코드를 복사하세요 코드는 다음과 같습니다.

alert(zhangsan.location)는 "Earth"를 출력합니다.
alert(zhangsan.killPerson())은 "kill"을 출력합니다

위 내용은 프로토타입 객체에 대한 개인적인 이해입니다. 모두에게 도움이 되기를 바랍니다.