zoukankan      html  css  js  c++  java
  • 原型和继承

    原型            

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

        

  • 相关阅读:
    openfiler的介绍与使用
    linux磁盘修复(home或者其他目录无法进入,系统进入emergency mode)
    安装centos系统时出现dracut-initqueue time out 报错
    Linux中sz与rz命令
    /etc/passwd与/etc/shadow
    两台设备做DNS主从同步部署(含正向解析与方向解析)
    通过xftp传输文件失败的解决方法
    /etc/hosts与/etc/resolv.conf区别
    /etc/nsswitch.conf配置文件--服务搜索顺序
    docker学习笔记
  • 原文地址:https://www.cnblogs.com/xiumumi/p/9781490.html
Copyright © 2011-2022 走看看