JavaScript의 class 구문 및 원형 체인
3815 단어 JavaScript
네, 그것도 좋아요.
자바스크립트class 문법을 사용하는 경우 원형 체인이 어떻게 변하는지 파악하고 싶어 그림에 취합했다.비슷한 보도가 많았지만 메모로 남는다.
코드 class Person {
constructor(name) {
this.name = name;
}
}
class Girl extends Person {
speak() {
console.log(`わたし、${this.name}。よろしくね！`);
}
}
const madoka = new Girl('鹿目まどか');
madoka.speak(); // わたし、鹿目まどか。よろしくね！
const kyoko = new Girl('佐倉杏子');
kyoko.speak = function() {
console.log(`${this.name}だ。よろしくな！`);
};
kyoko.speak(); // 佐倉杏子だ。よろしくな！
그림 1.
몰라요. 대상뿐만 아니라 구조기 함수도 연쇄가 됐어요.그래서 static 방법도 계승할 수 있을까.Girl.__proto__ === Person; // true
Girl.__proto__.__proto__ === Function.prototype; // true
참고 자료
class Person {
constructor(name) {
this.name = name;
}
}
class Girl extends Person {
speak() {
console.log(`わたし、${this.name}。よろしくね！`);
}
}
const madoka = new Girl('鹿目まどか');
madoka.speak(); // わたし、鹿目まどか。よろしくね！
const kyoko = new Girl('佐倉杏子');
kyoko.speak = function() {
console.log(`${this.name}だ。よろしくな！`);
};
kyoko.speak(); // 佐倉杏子だ。よろしくな！
그림 1.
몰라요. 대상뿐만 아니라 구조기 함수도 연쇄가 됐어요.그래서 static 방법도 계승할 수 있을까.Girl.__proto__ === Person; // true
Girl.__proto__.__proto__ === Function.prototype; // true
참고 자료
Girl.__proto__ === Person; // true
Girl.__proto__.__proto__ === Function.prototype; // true
Reference
이 문제에 관하여(JavaScript의 class 구문 및 원형 체인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/QUANON/items/99afe6a6c705486d6a03텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
