類(lèi)式繼承：利用構(gòu)造函數(shù)(類(lèi))繼承的方式

類(lèi) : JS是沒(méi)有類(lèi)的概念的 , 把JS中的構(gòu)造函數(shù)看做的類(lèi)
舉例

function Aaa(){ //父類(lèi) this.name = '小明'; } Aaa.prototype.showName = function(){ alert( this.name ); }; function Bbb(){ //子類(lèi) } Bbb.prototype = new Aaa();//這個(gè)就叫做類(lèi)式繼承 var b1=new Bbb(); b1.showName();//小明 alert(b1.name);//小明（也是一層層查找）

下面圖很清楚的表示了上面的關(guān)系

?

問(wèn)題一：但是上面的繼承是有問(wèn)題，不信的話我們做一個(gè)實(shí)驗(yàn)。繼續(xù)在上面代碼的基礎(chǔ)上添加代碼

alert( b1.constructor );

彈出

function Aaa(){ //父類(lèi) this.name = '小明'; }

所以應(yīng)該加上一句話，修正指向問(wèn)題

Bbb.prototype = new Aaa();//這個(gè)就叫做類(lèi)式繼承 Bbb.prototype constructor=Bbb;//修正指向問(wèn)題

問(wèn)題二：把上面的代碼稍作修改

function Aaa(){ //父類(lèi) this.name = [1,2,3]; } Aaa.prototype.showName = function(){ alert( this.name ); }; function Bbb(){ //子類(lèi) } Bbb.prototype = new Aaa(); Bbb.prototype.constructor = Bbb; //修正指向問(wèn)題 var b1 = new Bbb(); b1.name.push(4); var b2 = new Bbb(); alert( b2.name );//[1,2,3,4]

分析，b1,b2是不同的對(duì)象，但是上面互相影響了，所以是有問(wèn)題的。因?yàn)閮蓚€(gè)找到的都是new Aaa()下面的name，是一個(gè)東西，所以會(huì)互相影響。
可以這樣改正，如下所示

function Aaa(){ //父類(lèi) this.name = [1,2,3]; } Aaa.prototype.showName = function(){ alert( this.name ); }; function Bbb(){ //子類(lèi) Aaa.call(this);//①此處實(shí)現(xiàn)了傳遞屬性 } var F = function(){}; F.prototype = Aaa.prototype; Bbb.prototype = new F();//從下面的圖可以看出，此處只能傳遞方法，沒(méi)有辦法傳遞屬性 Bbb.prototype.constructor = Bbb; //修正指向問(wèn)題 var b1 = new Bbb(); b1.name.push(4); var b2 = new Bbb(); alert( b2.name );//[1,2,3,4]

?