원형과 계승

1.js는 원형 체인을 통해 계승을 실현한다

기본 사상은 원형의 한 인용 유형을 이용하여 다른 인용 유형의 속성과 방법을 계승하는 것이다.원형 대상은 다른 원형을 가리키는 바늘을 포함하고, 다른 원형 바늘은 구조 함수를 가리킨다.하위 클래스의prototype는 부모 클래스를 가리키는 실례입니다.
모든 객체의 루트 클래스가 비어 있음 Object

var A = function(){};
A.prototype = { name: 'sven'};

var B = function(){};
B.prototype = new A();

var b = new B();
console.log(b.name);

2. 원형과 실례의 관계를 정한다

1).instanceof 2).isPrototypeOf()

3. 상속 방법

원형 체인 상속을 직접 사용한다면 instance의 구조 함수는 SuperType의 단점을 가리킨다.인용 유형 값의 원형 속성은 모든 실례에 공유되기 때문에 그 중의 한 실례가 수정되고 다른 모든 실례도 이에 따라 변화한다2).실례 초기화는 매개 변수를 전달할 수 없습니다. 원형이 가리키는 것은 부류의 구조 함수이기 때문에 전삼도 소용없습니다.
1).경전 계승
apply를 통해call은 부류 원형을 계승하고 부류 원형에 자신의 속성을 추가합니다

function SuperType(name){
    this.name = name;
}

function SubType(){
    // SuperType
    SuperType.call(this,"Tom");
    // 
    this.age = '29;
}

var instance = new SuvType();
alert(instance.age); //29

2).조합식 계승
하위 클래스는 차용 구조 함수(applay,call)를 통해 상위 클래스의 실례 속성을 계승하고 원형 체인을 통해 원형 속성과 방법에 대한 계승 단점: 2차 상위 클래스를 호출하는 구조 함수

function SuperType(name){
    this.name = name;
}
SuperType.proptotype.sayName = function(){ alert(this.name) }

function SubType(){
    // SuperType 
    // SuperType
    SuperType.call(this,"Tom");
    this.age = '29;
}

// SuperType 
// SuperType()
subType.prototype = new SubperType();
subType.constructor = subType;

3).원형식 계승
이전 실례를 바탕으로 봉인하여 목적은 실례 공유를 위한 것이다

var person = { name: "Nicholas", friends: ["Shelby", "Court", "Van"] };
var anotherPerson = Object( person); 

anotherPerson.name = "Greg"; 
anotherPerson.friends.push(" Rob");

//ES6 
var yetAnotherPerson = Object.create(person,
    {
        name: {value: "Linda"},
    }
);
console.log( anotherPerson.friends);//"Shelby, Court, Van, Rob, Barbie"

4).기생식 계승
원형 계승의 개선.간단하게 대상에 함수를 추가하다

var person = { name: "Nicholas", friends: ["Shelby", "Court", "Van"] };

function createAnother(original){ 
    var clone = Object(original); 
    // ， 
    clone. sayHi = function(){alert(" hi"); }; 
    return clone;
}

var anotherPerson = createAnother(person); 
anotherPerson.sayHi(); //"hi"

5).기생 조합식 계승
최종 BOSS, 위계승의 단점 해결, 극조합식 계승과 기생식 계승의 장점

function inheritPrototype(subType, superType){ 
    // 
    var prototype = Object(superType.prototype);  
    //  
    .....
    prototype.constructor = subType;
    // 
    subType.prototype = prototype; 
}

function SuperType(name){
    this.name = name;
}
SuperType.proptotype.sayName = function(){ alert(this.name) }

function SubType(){
    SuperType.call(this,"Tom");
    this.age = '29;
}

// new superType， 
inheritPrototype(subType,superType)