原型和继承

原型            

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

    

原文地址:https://www.cnblogs.com/xiumumi/p/9781490.html