• JavaScript的继承


    javascript的原型链;

    javascript的原型链,我之前很想搞懂它,但是一直没搞懂,今天认真的研读了下教程;把自己对原型链的理解用自己的语言描述下;

    实现原型链有一种基本模式,其代码基本如下:

    function SuperType(){
        this.property = true;
    }
    SuperType.prototype.getSuperValue = function(){
        return this.superproperty;
    };
    function SubType(){
       this.Subproperty = false;
    }
    // 继承了super
    SubType.prototype = new SuperType();
    SubType.prototype.getSuperValue = function(){
        return this.subproperty;
    } 
    var instance = new SubType();
    alert(instance.getSuperValue)  //true;

    搜索过程大概如下:先在实例上找,然后再在原型对象找。总是一环扣着一环。直到原型链的末端才能停下来;

    1.1 别忘记了默认的原型;

     所有函数的默认原型是指向Object的实例,因此默认的原型都会有一个指针,指向了Object.prototype。这也就是为什么,所有自定义类型都会继承toString()方法;

    1.2 确定原型和实例的关系;

    可以通过两种方式来判断原型和实例的关系; 一种是 instanceof 操作符,只要通过这个操作符;来测试实例和出现过的构造函数;

    还有一种方式是isPrototypeof();

    alert(object.prototype.isPrototypeof(instance));//true
    alert(Supertype.prototype.isPrototypeof(instance));//true;
    alert(Subtype.prototype.isPrototypeof(instance));//true;

    1.3 谨慎的定义方法;

    要重写超类的方法或者是添加超类的方法时,一定要在超类的实例替换成子类的原型才能,添加或者修改方法;还有一点,只有在子类调用时才会调用到那个被修改的方法,超类的

    实例调用的还是原来的方法;我理解的原因是;只是超类的实例用作子类的原型,而超类的原型仍旧没有改变;

    还有一个注意事项;通过原型链来实现继承的话,原型就不能用对象字面量来定义了,因为这样会切断了 子类和超类之间的联系;

    使的子类的原型直接指向了Object的实例;

    1.4 原型链的问题;

    当超类的构造函数里有个属性是引用类型时,当用这个构造函数创建实例后,并赋给子类的原型时,相当于原型有个引用类型的值,被所有的子类的实例所共享,所以当子类的任何

    一个实例改变这个属性时,其他实例再次访问这个属性时,会做到相应的修改;事例代码如下:

    function SuperType(){
      this.colors=["yellow","blue","red"];
    }
    function SubType(){};
    SubType.prototype= new SuperType();
    var instance1 = new SubType();
    instance1 .colors.push("green");
    var instance2 = new SubType();
    alert(instance2.colors)// yellow blue red green
    View Code

    第二个问题:在创建子类实例时,不能向超类传递参数;

    2.1 借用构造函数;

    大致的思想是,利用在子类的构造函数中调用超类的构造函数;函数也是对象;

    3.1 组合继承;

  • 相关阅读:
    多线程(一)--线程的运行
    多线程(二)--锁
    守护线程与用户线程
    SWD接口
    RS485,CAN
    tcp/ip协议
    开关电源与线性稳压电源
    与gps相比,北斗的三频信号有什么优势
    射频识别技术(RFID)
    wifi发射模块芯片各个管脚功能,蓝牙和wifi信号互相干扰,2.4GHZ无线技术
  • 原文地址:https://www.cnblogs.com/zht0915/p/4674938.html
Copyright © 2020-2023  润新知