> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 상속 메커니즘 구현에 대한 간략한 토론

JavaScript 상속 메커니즘 구현에 대한 간략한 토론

高洛峰
풀어 주다: 2016-11-25 15:34:54
원래의
865명이 탐색했습니다.

객체 가장 방법 구현:

[javascript]
function Human() { //Human 클래스 정의
this.species = "Human";
}
function Sex(sex) { /span>//성별 클래스 정의
this.sex = sex;
}
function Chinese(name,sex) {
this.name = name;
this.newMethod1 = Human 개체를 가리키는 개체;
this.newMethod1(); //메소드 호출 및 상속 구현
delete this.newMethod1; //잘못된 호출을 방지하기 위해 객체에 대한 참조를 삭제합니다.

this.newMethod2 = Sex; /객체 가장, Sex 객체 지정
this.newMethod2(sex); //메서드 호출 및 상속 구현
delete this.newMethod2; //잘못된 호출을 방지하기 위해 객체에 대한 참조 삭제
}
var chin1 = new Chinese("소명","남성");
function Human() { //Define Human class
this.species = "Human";
}
function Sex(sex) { //섹스 클래스 정의
this.sex = sex;
}
function Chinese(name,sex) {
this.name = name;
this.newMethod1 = Human; object
this.newMethod1(); //상속을 달성하기 위한 메서드 호출
delete this.newMethod1; //잘못된 호출을 피하기 위해 개체에 대한 참조를 삭제합니다.

this.newMethod2 = Sex; //Sex 개체를 가리키는 개체 가장
this .newMethod2(sex); //상속을 달성하기 위한 메서드 호출
delete this.newMethod2; //잘못된 호출을 방지하기 위해 개체에 대한 참조 삭제
}
var chin1 = new Chinese("Xiao Ming"," Male");

객체 가장하는 방법은 매우 간단하고 이해하기 쉽습니다. 메소드 호출을 사용하여 함수 내에서 속성 정의를 구현합니다.

게다가 객체 가장 다중 상속도 가능하지만 단점도 있습니다.

다음과 같습니다.


[javascript]

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿