在前兩篇文章中,介紹了構造繼承和原型繼承。今天把剩下的兩種寫完,這兩種的應用相對於前兩種來說應用很少,因此我把他們稱為是非主流繼承方式。
首先,我們來看非主流繼承一:執行個體繼承法。
我也不說那麼多廢話了,既然是非主流繼承,就一定不常用,既然不常用還存在,那就只有一個因素,他用於特定的場合。執行個體繼承法,就主要用於核心對象的繼承,也是目前為止唯一能夠解決核心對象繼承的方式。
核心對象的繼承擁有一定的價值,比如說Error對象,我們公司可能要自己實現一個Error 類來簡化今後的開發,那麼這個時候我就要使用執行個體繼承法來繼承Error。
代碼如下:
function ExtendingError(mes)
{
var instance=new Error(mes);
instance.NewError=function(){
alert("Your Error is "+mes);
}
return instance;
}
好,測試下:
var e=new ExtendingError("Your number is less than one");
e.NewError();
alert(e.toString());
結果讓我們滿意:
好,廢話不多說,這個是非主流繼承方式,基本只用於核心對象的繼承,記住就好!
接下來看看非主流繼承二:拷貝繼承法.
顧名思義,拷貝繼承,就是通過拷貝實現對象的繼承,拷貝什麼呢?很明顯,就是對象的屬性和方法,還記得Javascript中,類其實就一個Hashtable嗎?如果想不起來的話,就回去複習一下基礎,我可能會在過一段時間寫一篇關於Javascript對象的知識。
瞭解了這個就好辦了,直接看代碼:
首先寫一個Extend方法:
Function.prototype.Extend=function(){
for(var pro in obj)
{
//這樣其實就是把父類的屬性和方法完全複製過去了
this.prototype[pro]=obj[pro];
}
}
好了,再寫段代碼看下如何使用:
function Animal()
{ }
function People()
{ }
People.Extend(new Animal())
{ }
明眼人一眼看出來,這個方法的缺點太明顯了:
- 將對象的屬性方法一一複製的時候,其實用的是反射,反射對效率的損傷我就不多說了。
- 和原型繼承一樣,必須初始化父類對象,當確定繼承關係時,但是參數還不確定時,玩不轉!
總之,這個方法一般情況下不用。
好了,下面說個常用的東西。混合繼承!
這個是基於兩個主流繼承方式的。對比兩個繼承方式,我們可以發現兩個繼承方式的優缺點是互補的,那就好辦了,混合到一起吧!
function People(name)
{
this.name=name;
this.SayName=function(){
alert("My name is "+name);
}
}
function Girl(name,age)
{
//構造繼承
this.father=People;
this.father(name);
delete this.father;
this.Introduce=function(){
alert("My name is "+name+".I am"+age);
}
}
//原型繼承
Girl.prototype=new People();
好了,兩種方式的混合,現在看看,是不是問題解決了呢?
var g=new Girl("Xuan",22);
alert(g instanceof People);
g.SayName();
g.Introduce();
測試通過!
這是一個相對完美的解決方案,但是卻增加了代碼的複雜度,所以具體的方案還要靠大家在實踐中去選擇。
Javascript玩轉繼承的方式就這些,歡迎大家繼續關注我的其他文章。