一、原型式繼承本質(zhì)其實(shí)就是個(gè)淺拷貝，以一個(gè)對(duì)象為模板復(fù)制出新的對(duì)象
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ù)中，以對(duì)象o為模板，在object函數(shù)體里面，定義一個(gè)構(gòu)造函數(shù)，讓構(gòu)造函數(shù)的原型對(duì)象(prototype)指向o，
返回構(gòu)造函數(shù)的一個(gè)實(shí)例，這樣就可以訪問(wèn)到對(duì)象o的所有屬性和方法.
二、因?yàn)樵褪嚼^承是個(gè)淺拷貝，所以引用類型的數(shù)據(jù)共享在不同的實(shí)例之間
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é)果就是其他實(shí)例改變的結(jié)果
三、在es5中，新增了一個(gè)函數(shù)Object.create()實(shí)現(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四，寄生式繼承就是把原型式繼承再次封裝，然后在對(duì)象上擴(kuò)展新的方法，再把新對(duì)象返回
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高手之路]原型式繼承與寄生式繼承詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
