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

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

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

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

?

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

alert( b1.constructor );

彈出

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

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

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

問題二：把上面的代碼稍作修改

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

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

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

?