• 技术文章 >web前端 >js教程

    Javascript玩转继承(二)_javascript技巧

    2016-05-16 16:48:59原创430
    毋庸置疑,这种方式是比较容易理解的,在子类中调用父类的构造函数。另外,这种方法最大的一个优点就是说构造继承可以实现多继承,复习下这个代码:

    复制代码 代码如下:

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

    测试通过。说明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文法中真正意思上实现继承的方式!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Javascript 玩转继承
    上一篇:js四舍五入数学函数round使用实例_基础知识 下一篇:javascript中数组的多种定义方法和常用函数简介_基础知识
    PHP编程就业班

    相关文章推荐

    • map在jquery中的用法是什么• 完全掌握JavaScript之DOM与BOM的区别与用法• 带你学习JavaScript中的File API、Streams API和Web Cryptography API• 浅析node esmodule模式下怎么调用commonjs模块• 深入了解node​中怎么使用redis集群功能【配置详解】

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网