Javascript玩转继承（二）_javascript技巧-js教程-PHP中文网

Javascript玩转继承（二）_javascript技巧

php中文网

发布： 2016-05-16 16:48:59

原创

1273人浏览过

毋庸置疑，这种方式是比较容易理解的，在子类中调用父类的构造函数。另外，这种方法最大的一个优点就是说构造继承可以实现多继承，复习下这个代码：

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

但是这种方式也有着这样和那样的缺点：
熟悉面向对象的我们来看这样一段C#代码：

复制代码代码如下:

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

}
}
classB : A
{
public B()
{ 

}
}

结果呢？b当然是A的一个实例:

然而我们对上面的那段使用构造继承的Javascript代码做这样的测试：

复制代码代码如下:

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);

可是得到的结果却不是我们想象的那样：

其实很容易解释：构造继承只是通过了调用父类的构造方法复制的父类的属性，其他的什么搜没有做，所以很多资料中并不把这种继承方式称做继承。

看到缺点的同时也记住优点：支持多继承。

我们看C# 的继承，发现与这个继承有两个最典型的不同：C#不支持多继承，以及我上面提到的构造继承的缺点。于是就产生了一种新的继承方式，我们成为原型继承。

看到名字，可以大致理解，原型继承就是使用原型（prototype）的特性来实现继承的。这是在Javascript最流行的一种继承方式。如果对原型有不理解，请关注我的另一篇文章：《玩转原型——prototype》。
我们先来看代码，在这里，我借鉴《Javascript王者归来》中的一段代码：

复制代码代码如下:

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();

AI Sofiya

一款AI驱动的多功能工具

109

查看详情

测试通过。说明Point2D已经继承了父类的方法，再看看instance。

alert(p instanceof Point);

成功！好，我们来分析下原型继承：

原型继承的优点我不再多说，结构简单，容易理解，而且可以instance。但是他的缺点同样显著，还记得我上一篇关于Animal,People，Girl的例子么？我们用原型继承来实现下：

复制代码代码如下:

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的原型，那么我们在初始化People的时候就应该传入name参数，但是每个Girl的名字是不一样的，所以原型继承不使用的场合一：在原型继承阶段你不能确定用什么参数来初始化父类对象。场合二：很简单，每一个类只能有一个原型，那么也就是说，原型继承不能用于多继承。这是件好事，也是件坏事。因为：
在Java和C#等面向对象语言中，本来就不支持多继承，并且认为多继承是不符合面向对象的

无法实现多个接口了！

好了，今天就写到这，总结下，Prototype继承解决了构造继承的一些问题，又引入了一些新的问题。总体来说，原型继承是应用最广泛的继承方式，也是Javascript文法中真正意思上实现继承的方式！