Javascript玩轉繼承（三）

2019-11-20 20:42:38

字體：大中小

來源：轉載

供稿：網友

首先，我們來看非主流繼承一：實例繼承法。

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

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