快捷導(dǎo)航

Javascript玩轉(zhuǎn)繼承（二）

更新時(shí)間：2014年05月08日 18:04:20 作者：

這篇文章主要介紹了對(duì)象偽裝來(lái)實(shí)現(xiàn)繼承。我們?cè)谶@里先來(lái)說(shuō)一下這種方式的優(yōu)缺點(diǎn)

毋庸置疑，這種方式是比較容易理解的，在子類(lèi)中調(diào)用父類(lèi)的構(gòu)造函數(shù)。另外，這種方法最大的一個(gè)優(yōu)點(diǎn)就是說(shuō)構(gòu)造繼承可以實(shí)現(xiàn)多繼承，復(fù)習(xí)下這個(gè)代碼：

復(fù)制代碼代碼如下:

function A()
{    }
function B()
{    }
function C()
{
    this.father=A;
    this.father();
    delete this.father;
    this.father=B;
    this.father();
    delete this.father;
}

但是這種方式也有著這樣和那樣的缺點(diǎn)：
熟悉面向?qū)ο蟮奈覀儊?lái)看這樣一段C#代碼：

復(fù)制代碼代碼如下:

classProgram
{
staticvoid Main(string[] args)
{
B b=newB();
bool temp = (typeof(A)).IsInstanceOfType(b);
Console.WriteLine(temp);
}
}
classA
{
public A()
{ 

}
}
classB : A
{
public B()
{ 

}
}

結(jié)果呢？b當(dāng)然是A的一個(gè)實(shí)例:

然而我們對(duì)上面的那段使用構(gòu)造繼承的Javascript代碼做這樣的測(cè)試：

復(fù)制代碼代碼如下:

function A()
{    }
function B()
{    }
function C()
{
    this.father=A;
    this.father();
    delete this.father;
    this.father=B;
    this.father();
    delete this.father;
}
var c=new C();
alert(c instanceof A);

可是得到的結(jié)果卻不是我們想象的那樣：

其實(shí)很容易解釋?zhuān)簶?gòu)造繼承只是通過(guò)了調(diào)用父類(lèi)的構(gòu)造方法復(fù)制的父類(lèi)的屬性，其他的什么搜沒(méi)有做，所以很多資料中并不把這種繼承方式稱(chēng)做繼承。

看到缺點(diǎn)的同時(shí)也記住優(yōu)點(diǎn)：支持多繼承。

我們看C# 的繼承，發(fā)現(xiàn)與這個(gè)繼承有兩個(gè)最典型的不同：C#不支持多繼承，以及我上面提到的構(gòu)造繼承的缺點(diǎn)。于是就產(chǎn)生了一種新的繼承方式，我們成為原型繼承。

看到名字，可以大致理解，原型繼承就是使用原型（prototype）的特性來(lái)實(shí)現(xiàn)繼承的。這是在Javascript最流行的一種繼承方式。如果對(duì)原型有不理解，請(qǐng)關(guān)注我的另一篇文章：《玩轉(zhuǎn)原型——prototype》。
我們先來(lái)看代碼，在這里，我借鑒《Javascript王者歸來(lái)》中的一段代碼：

復(fù)制代碼代碼如下:

function Point(dimension)
{
        this.dimension=dimension;
        this.Test=function(){
            alert("Success");
}
}
function Point2D(x,y)
{
        this.x=x;
        this.y=y;
}
Point2D.prototype=new Point(2);
var p=new Point2D(3,4);
p.Test();

測(cè)試通過(guò)。說(shuō)明Point2D已經(jīng)繼承了父類(lèi)的方法，再看看instance。

alert(p instanceof Point);

成功！好，我們來(lái)分析下原型繼承：

原型繼承的優(yōu)點(diǎn)我不再多說(shuō)，結(jié)構(gòu)簡(jiǎn)單，容易理解，而且可以instance。但是他的缺點(diǎn)同樣顯著，還記得我上一篇關(guān)于Animal,People，Girl的例子么？我們用原型繼承來(lái)實(shí)現(xiàn)下：

復(fù)制代碼代碼如下:

function Animal() 
{ 
this.Run=function(){alert("I can run");}; 
} 
function People(name) 
{ 
this.Say=function(){alert("My name is "+this.name);} 
} 
People.prototype=new Animal();
function Girl(name,age) 
{ 
this.age=age; 
this.Introduce=function(){alert("My name is "+this.name+".I am "+this.age);}; 
}
Girl.prototype=new People(???);

大家注意看我紅色加粗部分的那行代碼，People是Girl的原型，那么我們?cè)诔跏蓟疨eople的時(shí)候就應(yīng)該傳入name參數(shù)，但是每個(gè)Girl的名字是不一樣的，所以原型繼承不使用的場(chǎng)合一：在原型繼承階段你不能確定用什么參數(shù)來(lái)初始化父類(lèi)對(duì)象。場(chǎng)合二：很簡(jiǎn)單，每一個(gè)類(lèi)只能有一個(gè)原型，那么也就是說(shuō)，原型繼承不能用于多繼承。這是件好事，也是件壞事。因?yàn)椋?BR>在Java和C#等面向?qū)ο笳Z(yǔ)言中，本來(lái)就不支持多繼承，并且認(rèn)為多繼承是不符合面向?qū)ο蟮?/P>

無(wú)法實(shí)現(xiàn)多個(gè)接口了！

好了，今天就寫(xiě)到這，總結(jié)下，Prototype繼承解決了構(gòu)造繼承的一些問(wèn)題，又引入了一些新的問(wèn)題。總體來(lái)說(shuō)，原型繼承是應(yīng)用最廣泛的繼承方式，也是Javascript文法中真正意思上實(shí)現(xiàn)繼承的方式！

您可能感興趣的文章: