• 原型和继承


    原型            

    "构造函数",其实就是一个普通函数,但是内部使用了 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

        

  • 相关阅读:
    深入理解CSS中的层叠上下文和层叠顺序
    利用CSS3制作淡入淡出动画效果
    <link>标签的rel属性全解析
    解决<pre>标签里的文本换行(兼容IE, FF和Opera等)
    HTML特殊字符大全
    清除浮动4种方法总结下
    打开wamp中的phpmyadmin出现403的错误
    js访问CSS最终计算样式
    js 正则 exec() 和 match() 数据抽取
    函数表达式中,函数名称在函数体内是只读的
  • 原文地址:https://www.cnblogs.com/xiumumi/p/9781490.html
Copyright © 2020-2023  润新知