JavaScript에는 클래스가 없지만 여러 가지 방법으로 상속 및 동작 재사용을 얻을 수 있습니다.
유사 클래식 상속 (프로토 타이핑을 통해) :
function Super () {
this.member1 = 'superMember1';
}
Super.prototype.member2 = 'superMember2';
function Sub() {
this.member3 = 'subMember3';
//...
}
Sub.prototype = new Super();
new연산자 와 함께 사용해야합니다 .
var subInstance = new Sub();
함수 애플리케이션 또는 "생성자 체인":
function Super () {
this.member1 = 'superMember1';
this.member2 = 'superMember2';
}
function Sub() {
Super.apply(this, arguments);
this.member3 = 'subMember3';
}
이 접근 방식은 new운영자 와 함께 사용해야합니다 .
var subInstance = new Sub();
첫 번째 예제와의 차이점 apply은 Super생성자가 this내부 객체에 Sub할당 될 때 thison에 할당 된 속성을 Super새 인스턴스에 직접 추가한다는 것입니다 ( 예 : subInstance속성 포함 member1및 member2직접 ( subInstance.hasOwnProperty('member1') == true;)).
첫 번째 예에서 이러한 속성은 프로토 타입 체인을 통해 도달 하며 내부 [[Prototype]]개체 에 존재 합니다.
기생 상속 또는 전력 생성자 :
function createSuper() {
var obj = {
member1: 'superMember1',
member2: 'superMember2'
};
return obj;
}
function createSub() {
var obj = createSuper();
obj.member3 = 'subMember3';
return obj;
}
이 접근 방식은 기본적으로 "객체 확대"를 기반으로하며 new연산자 를 사용할 필요가 없으며 보시 this다시피 키워드가 관련되지 않습니다.
var subInstance = createSub();
ECMAScript 5th Ed. Object.create방법:
// Check if native implementation available
if (typeof Object.create !== 'function') {
Object.create = function (o) {
function F() {} // empty constructor
F.prototype = o; // set base object as prototype
return new F(); // return empty object with right [[Prototype]]
};
}
var superInstance = {
member1: 'superMember1',
member2: 'superMember2'
};
var subInstance = Object.create(superInstance);
subInstance.member3 = 'subMember3';
위의 방법은 Crockford가 제안한 프로토 타입 상속 기법 입니다.
개체 인스턴스는 다른 개체 인스턴스에서 상속됩니다.
이 기술은 상속 된 속성이 모든 새 개체 인스턴스에 복사되지 않기 때문에 단순한 "개체 확대"보다 나을 수 있습니다 . 위의 예 에서는 속성 만 물리적으로 만 포함되어 있으므로 기본 개체가 확장 개체 [[Prototype]]의 로 설정되어 있기 때문 입니다 .subInstancemember3