推薦JavaScript實現(xiàn)繼承的最佳方式
實現(xiàn)JavaScript繼承的最簡單的方式是call方法（或者apply方法）及原型鏈方法，但這兩種方法都有缺陷，而其混合體就是很好的繼承實現(xiàn)方式。下面舉例說明：
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及函數(shù)屬性sayAge，sayAge方法的定義采用的是原型方式。Dog類要繼承Animal，其字段屬性除了age外還有name，通過Animal.call(this,age);可以實現(xiàn)Dog繼承Animal的字段屬性age并將其初始化了。call方法的第一個參數(shù)為繼承的類的this指針，第二個參數(shù)為Animal類的構(gòu)造函數(shù)的參數(shù)。實際上，只是通過call方法就可以實現(xiàn)繼承，但唯一的要求是父類的函數(shù)屬性要在構(gòu)造函數(shù)中定義，這對于這里的函數(shù)屬性使用原型方式定義來說就不適合了（采用原型方式定義函數(shù)屬性比在構(gòu)造函數(shù)內(nèi)定義更直觀一些）。要想繼承Animal的原型方式定義的函數(shù)屬性，需要的語句就是“Dog.prototype = new Animal();”。而Dog類中的sayName()函數(shù)則是其自身的函數(shù)屬性了。
除了這個最經(jīng)典的實現(xiàn)繼承的方式外，目前還有一些免費(fèi)的庫可供使用。但想到形形色色的庫，頭就大了，有時間有必要時再研究吧！
相關(guān)文章
SUN的《AJAX與J2EE》全文譯了...2007-02-02
JavaScript設(shè)計模式開發(fā)中組合模式的使用教程
組合模式可以理解為樹狀結(jié)構(gòu),因此組合模式適合對大批對象的操作,特別是層次結(jié)構(gòu)分明的,下面我們就來看看號稱面向?qū)ο蟮腏avaScript設(shè)計模式開發(fā)中組合模式的使用教程2016-05-05
這篇文章主要介紹了網(wǎng)頁中表單按回車就自動提交的問題的解決方案,需要的朋友可以參考下2014-11-11
這篇文章主要為大家介紹了TypeScript基礎(chǔ)class類教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-02-02
詳解在網(wǎng)頁上通過JS實現(xiàn)文本的語音朗讀
這篇文章主要介紹了在網(wǎng)頁上通過JS實現(xiàn)文本的語音朗讀，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
javascript中本地存儲localStorage，sessionStorage，cookie，indexDB的用法
關(guān)于js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的程序代碼
js parsefloat parseint 轉(zhuǎn)換函數(shù)