學完了Javascript類和對象的創建之后,現在總結一下Javascript繼承機制的實現。Javascript并不像Java那樣對繼承機制有嚴格明確的定義,它的實現方式正如它的變量的使用方式那樣也是十分寬松的,你可以設計自己的方法“模仿”繼承機制的實現。有以下幾種方法:
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){ //下面這兩句代碼相當于將classA代碼體中的內容搬到這里 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定義的代碼塊就相當于一個類,你可以用而且它有this關鍵字,你可以用this為它添加屬性和方法,上述代碼中有以下兩句:
this.newMethod1=classA;
this.newMethod1(str);
classB中定義了newMethod1變量,它是一個引用,指向了classA,并且還調用了classA,這兩句代碼的作用等同于直接將classA代碼塊中的內容直接復制到這里,這樣創建的classB對像當然具有classA的屬性和方法了。對象冒充還可以實現多繼承,如下:
function ClassZ() { this.newMethod = ClassX; this.newMethod(); delete this.newMethod;this.newMethod = ClassY; this.newMethod(); delete this.newMethod;}不過,classY會覆蓋classX中同名的屬性和方法,如果設計沒問題的話,classz也不應該繼承具有相同屬性和方法的不同類。
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方法實現繼承 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()方法中第一個參數傳遞一個對象,這里的this指的是當前對象,后面的參數(可能有多個)是指傳遞給調用call()方法的類(函數)所需要的參數,classA.call()也是相當于直接將classA代碼塊中的內容直接復制到這里,classB的對象同樣可以直接使用classB中的變量和方法。
新聞熱點
疑難解答
圖片精選