一、原型式繼承本質(zhì)其實就是個淺拷貝，以一個對象為模板復制出新的對象
專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)信宜免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
重慶分公司
重慶分公司
function object( o ){
var G = function(){};
G.prototype = o;
return new G();
}
var obj = {
name : 'ghostwu',
age : 22,
show : function(){
return this.name + ',' + this.age;
}
};
var obj2 = object( obj );
console.log( obj2.name, obj.age, obj.show() );object函數(shù)中，以對象o為模板，在object函數(shù)體里面，定義一個構(gòu)造函數(shù)，讓構(gòu)造函數(shù)的原型對象(prototype)指向o，
返回構(gòu)造函數(shù)的一個實例，這樣就可以訪問到對象o的所有屬性和方法.
二、因為原型式繼承是個淺拷貝，所以引用類型的數(shù)據(jù)共享在不同的實例之間
function object( o ){
var G = function(){};
G.prototype = o;
return new G();
}
var obj = {
skills : [ 'php', 'javascript' ]
};
var obj2 = object( obj );
obj2.skills.push( 'python' );
var obj3 = object( obj );
console.log( obj3.skills ); //php,javascript,pythonobj2改變了skills數(shù)組，obj3的skills結(jié)果就是其他實例改變的結(jié)果
三、在es5中，新增了一個函數(shù)Object.create()實現(xiàn)了原型式繼承
var obj = {
skills : [ 'php', 'javascript' ]
};
var obj2 = Object.create( obj );
obj2.skills.push( 'python' );
var obj3 = Object.create( obj );
console.log( obj3.skills ); //php,javascript,python四，寄生式繼承就是把原型式繼承再次封裝，然后在對象上擴展新的方法，再把新對象返回
function object( o ){
var G = function(){};
G.prototype = o;
return new G();
}
function CreateObj( srcObj ){
var dstObj = object( srcObj );
dstObj.sayName = function(){
return this.userName;
}
return dstObj;
}
var obj = {
userName : 'ghostwu',
};
var obj2 = CreateObj( obj );
console.log( obj2.sayName() ); //ghostwu以上這篇[js高手之路]原型式繼承與寄生式繼承詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。
