DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 推薦JavaScript實現繼承的最佳方式
推薦JavaScript實現繼承的最佳方式
編輯:關於JavaScript     

   實現JavaScript繼承的最簡單的方式是call方法(或者apply方法)及原型鏈方法,但這兩種方法都有缺陷,而其混合體就是很好的繼承實現方式。下面舉例說明:

代碼如下:
function Animal(age){
    this.age = age;
}
Animal.prototype.sayAge = function(){
    window.alert("My age is "+this.age+"!");
};
function Dog(age,name){
    Animal.call(this,age);
    this.name = name;
}
Dog.prototype = new Animal();
Dog.prototype.sayName = function(){
    window.alert("I am a "+this.name+"!");
};
var dog = new Dog(15,"dog");
dog.sayName();
dog.sayAge();

    對於類Animal來說,它有一個字段屬性age及函數屬性sayAge,sayAge方法的定義采用的是原型方式。Dog類要繼承Animal,其字段屬性除了age外還有name,通過Animal.call(this,age);可以實現Dog繼承Animal的字段屬性age並將其初始化了。call方法的第一個參數為繼承的類的this指針,第二個參數為Animal類的構造函數的參數。實際上,只是通過call方法就可以實現繼承,但唯一的要求是父類的函數屬性要在構造函數中定義,這對於這裡的函數屬性使用原型方式定義來說就不適合了(采用原型方式定義函數屬性比在構造函數內定義更直觀一些)。要想繼承Animal的原型方式定義的函數屬性,需要的語句就是“Dog.prototype = new Animal();”。而Dog類中的sayName()函數則是其自身的函數屬性了。

 除了這個最經典的實現繼承的方式外,目前還有一些免費的庫可供使用。但想到形形色色的庫,頭就大了,有時間有必要時再研究吧!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved