【JavaScript】面向?qū)ο笾^承

sewerganger 發(fā)布于2019-08-26 12:16 / 2593人閱讀

摘要：一繼承原型式繼承定義臨時構(gòu)造函數(shù)，作為參數(shù)傳入對象作為著構(gòu)造函數(shù)原型，并最后返回該構(gòu)造函數(shù)的實例對象定義一個臨時構(gòu)造函數(shù)遍歷對象屬性和方法將函數(shù)參數(shù)作為函數(shù)的原型姜構(gòu)造函數(shù)創(chuàng)造的對象進行返回犬夜叉借助構(gòu)造函數(shù)無論是原型鏈還是原型式繼承，都有

JS(JavaScript)

一.繼承
1.原型式繼承
定義臨時構(gòu)造函數(shù)，作為參數(shù)傳入對象作為著構(gòu)造函數(shù)原型，并最后返回該構(gòu)造函數(shù)的實例對象

function Fun(obj,poap) {
    function Fun() {
        //定義一個臨時構(gòu)造函數(shù)
        for(var attrNome in porp){
           //遍歷對象屬性和方法
           this[attrNome] = porp[attrNome]
        }
    }
    Fun.prototype = obj;
    //將函數(shù)參數(shù)作為函數(shù)的原型
    return new Fun();
    //    姜構(gòu)造函數(shù)創(chuàng)造的對象進行返回
}
var obj = {
    name : "犬夜叉"
}
var result = fn(obj,{
    age : 16,
    sayMe : function () {
        console.log("you my function")
    }
});
console.log(result.age);
result.sayMe();

2.借助構(gòu)造函數(shù)
無論是原型鏈還是原型式繼承，都有相同的問題，可借助構(gòu)造函數(shù)
子對象構(gòu)造函數(shù)種調(diào)用父對象構(gòu)造函數(shù)，可通過調(diào)用
apply()和call()方法實現(xiàn)
apply()和cal()方法都準許傳遞對象this，可實現(xiàn)子對象構(gòu)造函數(shù)種調(diào)用父對象構(gòu)造函數(shù)時，將子對象this和父對象this捆綁在一起

function Parent() {
//定義父級對象的構(gòu)造函數(shù)
    this.parent = "parent";
}
function call() {
//定義子級對象構(gòu)造函數(shù)-使用apply()或call()方法
    Parent.call(this);
    this.child = "child";
}
var child = new Child();
console.log(child);

3.組合方式繼承
也叫為經(jīng)典繼承，將原型鏈或原型式繼承和借助構(gòu)造函數(shù)技術(shù)組合在一起，引發(fā)其兩種函數(shù)的一種繼承方式

使用原型鏈和原型式繼承實現(xiàn)對原型屬性和方法繼承

通過借助構(gòu)造函數(shù)實現(xiàn)對實例對象屬性的繼承

function Parent() {
    this.name = "犬夜叉"
//    構(gòu)造函數(shù)點1自有屬性
}

Parent.prototype.age = 16;
//構(gòu)造函數(shù)的原型屬性

function child() {
    parent.call();
    //繼承父級構(gòu)造函數(shù)中自有屬性
    this.job = "妖狐"
}
Child.prototype = parent.prototype;

var child = new Child();

console.log(child.job);
console.log(child.age);
console.log(child.name);