學(xué)完了Javascript類和對象的創(chuàng)建之后，現(xiàn)在總結(jié)一下Javascript繼承機制的實現(xiàn)。Javascript并不像Java那樣對繼承機制有嚴(yán)格明確的定義，它的實現(xiàn)方式正如它的變量的使用方式那樣也是十分寬松的，你可以設(shè)計自己的方法“模仿”繼承機制的實現(xiàn)。有以下幾種方法：
1、對象冒充
<script type="text/javascript"> function classA(str){ this.str=str; this.printstr=function(){ document.write(this.str); document.write("<br>"); } this.getstr=function(){ return this.str; } } function classB(name,str){ //下面這兩句代碼相當(dāng)于將classA代碼體中的內(nèi)容搬到這里 this.newMethod1=classA; this.newMethod1(str); //注意，這里的寫法 delete this.newMethod1; //新的方法和屬性的定義須在刪除了newMethod之后定義，因為可能覆蓋超類的屬性和方法。 this.name=name; this.sayName=function(){ document.write(this.name); document.write("<br>"); } } var a=new classB("Amy","helloworld"); a.printstr(); alert(a.getstr()); a.sayName(); </script>function定義的代碼塊就相當(dāng)于一個類，你可以用而且它有this關(guān)鍵字，你可以用this為它添加屬性和方法，上述代碼中有以下兩句：
this.newMethod1=classA;
this.newMethod1(str);
classB中定義了newMethod1變量，它是一個引用，指向了classA，并且還調(diào)用了classA，這兩句代碼的作用等同于直接將classA代碼塊中的內(nèi)容直接復(fù)制到這里，這樣創(chuàng)建的classB對像當(dāng)然具有classA的屬性和方法了。對象冒充還可以實現(xiàn)多繼承，如下：
function ClassZ() { this.newMethod = ClassX; this.newMethod(); delete this.newMethod;this.newMethod = ClassY; this.newMethod(); delete this.newMethod;}不過，classY會覆蓋classX中同名的屬性和方法，如果設(shè)計沒問題的話，classz也不應(yīng)該繼承具有相同屬性和方法的不同類。
2、利用call()方法
<script type="text/javascript"> function classA(str){ this.str=str; this.printstr=function(){ document.write(this.str); document.write("<br>"); } this.getstr=function(){ return this.str; } } function classB(name,str){ //利用call方法實現(xiàn)繼承 classA.call(this,str); this.name=name; this.sayName=function(){ document.write(this.name); document.write("<br>"); } } var a=new classB("Amy","helloworld"); a.printstr(); alert(a.getstr()); a.sayName(); </script>call()方法中第一個參數(shù)傳遞一個對象，這里的this指的是當(dāng)前對象，后面的參數(shù)（可能有多個）是指傳遞給調(diào)用call()方法的類（函數(shù)）所需要的參數(shù)，classA.call()也是相當(dāng)于直接將classA代碼塊中的內(nèi)容直接復(fù)制到這里，classB的對象同樣可以直接使用classB中的變量和方法。
3、原型鏈
<script type="text/javascript"> function cA(){}; cA.prototype.name="John"; cA.prototype.sayName=function(){ document.write(this.name); document.write("<br>"); } function cB(){}; cB.prototype=new cA(); cB.prototype.age=23; cB.prototype.sayAge=function(){ document.write(this.age); document.write("<br>"); } var objB=new cB(); objB.sayAge(); objB.sayName(); document.write("is objB the instance of cA "+(objB instanceof cA)); document.write("<br>"); document.write("is objB the instance of cB "+(objB instanceof cB)); document.write("<br>"); </script>這里對類的定義要用prototype關(guān)鍵字，定義function時不帶有參數(shù)，prototype后面的變量或方法相當(dāng)于java中被static修飾后的屬性和方法，是屬于所有對象的，這里有個特殊之處：cB.prototype=new cA();該句話相當(dāng)于將cA對象內(nèi)容復(fù)制給cB,cB還可以追加自己的屬性和方法。
4、混合方法
<script type="text/javascript"> function cA(name){ this.name=name; }; cA.prototype.sayName=function(){ document.write(this.name); document.write("<br>"); } function cB(name,age){ cA.call(this,name); this.age=age; }; cB.prototype=new cA(); cB.prototype.sayAge=function(){ document.write(this.age); document.write("<br>"); } var objB=new cB("Alan",27); objB.sayName(); objB.sayAge(); document.write("is objB the instance of cA "+(objB instanceof cA)); document.write("<br>"); document.write("is objB the instance of cB "+(objB instanceof cB)); document.write("<br>"); </script>這里可以將屬性封裝在類體內(nèi)，而方法利用原型方式定義，個人感覺，這是一個很好的設(shè)計方法，利用prototype定義的函數(shù)可以為多個對象重用，這里需要注意兩點：cB類體內(nèi)有cA.call(this,name);同時還要將cB原型賦為cB對象，即：cB.prototype=new cA();cA.call(this,name)同樣相當(dāng)于將cA類塊內(nèi)的代碼復(fù)制于此，后面一句話又將cA的方法添加給cB,同時cB還可以追加自己的屬性和方法。
以上是本次對Javascript繼承機制的總結(jié)，不足之處望各位指正批評。
新聞熱點
疑難解答
