JavaScript原型鍊的繼承過程

JavaScript原型鍊繼承

1、定義父類型構造函數

function Father() {
    this.fatherName = 'father'
}
           

2、給父類型的原型添加方法

Father.prototype.getFatherName = function() {
    console.log(this.fatherName);
}
           

3、定義子類型的構造函數

function Son() {
    this.sonName = 'son'
}
           

4、父類型的對象指派給子類型的原型

// 子類型的原型為父類型的執行個體對象
Son.prototype = new Father();
           

這一段代碼是實作繼承的關鍵。

5、将子類型原型的構造屬性設定為子類型

Sub.prototype.contructor = Sub
           

6、給子類型原型添加方法

Son.prototype.getSonName = function() {
    console.log(this.sonName);
}
           

7、建立子類型執行個體對象，可以直接調用父類型的方法

var son = new Son();

son.getFatherName();  // father