Javascript玩轉繼承(三)

來源:互聯網
上載者:User

在前兩篇文章中,介紹了構造繼承和原型繼承。今天把剩下的兩種寫完,這兩種的應用相對於前兩種來說應用很少,因此我把他們稱為是非主流繼承方式。

首先,我們來看非主流繼承一:執行個體繼承法。

我也不說那麼多廢話了,既然是非主流繼承,就一定不常用,既然不常用還存在,那就只有一個因素,他用於特定的場合。執行個體繼承法,就主要用於核心對象的繼承,也是目前為止唯一能夠解決核心對象繼承的方式。

核心對象的繼承擁有一定的價值,比如說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())

{    }

明眼人一眼看出來,這個方法的缺點太明顯了:

  1. 將對象的屬性方法一一複製的時候,其實用的是反射,反射對效率的損傷我就不多說了。
  2. 和原型繼承一樣,必須初始化父類對象,當確定繼承關係時,但是參數還不確定時,玩不轉!

總之,這個方法一般情況下不用。

好了,下面說個常用的東西。混合繼承!

這個是基於兩個主流繼承方式的。對比兩個繼承方式,我們可以發現兩個繼承方式的優缺點是互補的,那就好辦了,混合到一起吧!

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玩轉繼承的方式就這些,歡迎大家繼續關注我的其他文章。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.