js實現繼承的幾種方式

instance檢測函數的propertype是否在對象的原型鏈上出現過

一、借用構造函數

 

function People(name){
    this.name = name
}

function Student(name){
    People.call(this,name)
}

缺點：一、instance失效（超類的原型對子類不可見）；二、大量重複

二、組合繼承

function People(name){

    this.name = name
}

function Student(name){
    People.call(this,name)
}
Student.prototype=new People('zale')//重寫原型，繼承父類實例屬性與方法
Student.prototype.constructor=Student//因爲原型被重寫，因此須要從新定義一下constructor,定義類型

缺點：實例屬性被賦值了2次

三、原型繼承

Object.create(obj)以obj爲原型建立對象

缺點：一、注意屬性共享;二、沒有子類的存在

四、寄生式繼承

let People = {
    name:'zale'
}
function Student(_prop_){
    let st = Object.create(_prop_)
    st.say = function(){
        return 'hello'
    }
    return st
}

let s1 = Student(People)

缺點：同上

五、寄生組合式繼承（完美）

function People(name){
    this.name = name
}
function Student(name){
    People.call(this,name)
}
Student.prototype=Object.create(People.prototype)//與組合繼承的區別：從新定義原型爲父類原型，實例方法這裏不會調用
Student.prototype.constructor=Student//因爲原型被重寫，因此須要從新定義一下constructor