首页 / JAVASCRIPT / Javascript玩转继承（二）_javascript技巧

Javascript玩转继承（二）_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript玩转继承（二）_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2936字，纯文字阅读大概需要5分钟。

内容图文

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

代码如下:

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玩转继承（二）_javascript技巧 - 文章图片

然而我们对上面的那段使用构造继承的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);

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

Javascript玩转继承（二）_javascript技巧 - 文章图片

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

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

我们看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();

Javascript玩转继承（二）_javascript技巧 - 文章图片

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

alert(p instanceof Point);

Javascript玩转继承（二）_javascript技巧 - 文章图片

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

原型继承的优点我不再多说，结构简单，容易理解，而且可以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文法中真正意思上实现继承的方式！

内容总结

以上是互联网集市为您收集整理的Javascript玩转继承（二）_javascript技巧全部内容，希望文章能够帮你解决Javascript玩转继承（二）_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/320834.html

来源：【匿名】