• 原型和继承


    原型            

    "构造函数",其实就是一个普通函数,但是内部使用了 this变量 。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。

    所有实例对象需要共享的属性和方法,都放在这个构造函数的prototype这个对象里面;那些不需要共享的属性和方法,就放在构造函数里面。

    实例对象一旦创建,将自动引用prototype对象的属性和方法。也就是说,实例对象的属性和方法,分成两种,一种是本地的,另一种是引用的

             

            

    这时cat1cat2会自动含有一个constructor属性,指向它们的构造函数。

      alert(cat1.constructor == Cat); //true

      alert(cat2.constructor == Cat); //true

    Javascript还提供了一个instanceof运算符,验证原型对象与实例对象之间的关系。

      alert(cat1 instanceof Cat); //true

      alert(cat2 instanceof Cat); //true

    这个方法用来判断,某个proptotype对象和某个实例之间的关系。

      alert(Cat.prototype.isPrototypeOf(cat1)); //true

      alert(Cat.prototype.isPrototypeOf(cat2)); //true

    继承 

    1:在子对象构造函数中加一行  

    Animal.apply(this,arguments),   就是通过apply劫持Animal对象的方法和继承Animal对象的属性给this。此方法不能继承写在构造函数的prototype对象上的属性和方法

     apply:

    当函数通过Function对象的原型中继承的方法 call() 和 apply() 方法调用时, 其函数内部的this值可绑定到 call() & apply() 方法指定的第一个对象上, 如果第一个参数不是对象,JavaScript内部会尝试将其转换成对象然后指向它;

    function add(c, d){

      return this.a + this.b + c + d;

    }

      var o = {a:1, b:3};

      add.call(o, 5, 7);     // 1 + 3 + 5 + 7 = 16

      add.apply(o, [10, 20]);     // 1 + 3 + 10 + 20 = 34

    使用prototype属性 

      Cat.prototype = new Animal();

      Cat.prototype.constructor = Cat;

      var cat1 = new Cat("大毛","黄色");

      alert(cat1.species); // 动物

    任何一个prototype对象都有一个constructor属性,指向它的构造函数。如果没有"Cat.prototype = new Animal();"这一行,Cat.prototype.constructor是指向Cat的;加了这一行以后,Cat.prototype.constructor指向Animal。更重要的是,每一个实例也有一个constructor属性,默认调用prototype对象的constructor属性,因此,在运行"Cat.prototype = new Animal();"这一行之后,cat1.constructor也指向Animal!这显然会导致继承链的紊乱(cat1明明是用构造函数Cat生成的),因此我们必须手动纠正,将Cat.prototype对象的constructor值改为Cat。这就是第二行的意思。

    利用空对象做中介

     

    使用Object.create

        

  • 相关阅读:
    JDBC(5)-处理大数据
    JDBC(4)-Result结果集
    JDBC(3)-使用PreparedStatement接口实现增、删、改操作
    JDBC(2)-使用statment接口实现增删改操作
    JDBC(1)-连接数据库
    selenium+junit4实现参数化自动化测试
    selenium自动化测试用例需要关注的几点(二)
    【转】selenium自动化测试用例需要关注的几点(一)
    Selenium+excel实现参数化自动化测试
    POI基本操作
  • 原文地址:https://www.cnblogs.com/xiumumi/p/9781490.html
Copyright © 2020-2023  润新知