面向对象继承的五种方法

1.call或apply

function Cat(name,color){

    Animal.call(this);//改变一个Animal的指向

    this.name = name;

    this.color = color;
  }

  var cat1 = new Cat("大毛","黄色");
  alert(cat1.species); // 动物

这种办法的缺点是只能拿到构造函数内部的属性和方法(即只能拿到私有属性)

2.使用prototype属性

 Cat.prototype = new Animal();//Animal里的prototype属性的对象和方法会被实例对象继承

  Cat.prototype.constructor = Cat;//每一个实例对象都有一个constructor属性指向它的构造函数,要将Animal的改为Cat

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

  alert(cat1.species); // 动物

缺点:把私有的和公共的全部放在了子构造函数的原型对象

3.第二种方法的改进,直接将prototype赋值

Cat.prototype = Animal.prototype;

  Cat.prototype.constructor = Cat;

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

  alert(cat1.species); // 动物

缺点:存在引用关系,相当于浅拷贝

4.利用空对象作为中介(最终选择的)

var F = function(){};

  F.prototype = Animal.prototype;

  Cat.prototype = new F();

  Cat.prototype.constructor = Cat;

F是空对象,所以几乎不占内存。这时,修改Cat的prototype对象,就不会影响到Animal的prototype对象。
允许父级影响子集,不允许子集影响父级

5.拷贝继承

function extend2(Child, Parent) {

    var p = Parent.prototype;

    var c = Child.prototype;

    for (var i in p) {

      c[i] = p[i];

      }
  }

利用for循环将子元素一个一个拷贝,深拷贝,这种方法在复杂的时候不适用

你可能感兴趣的:(面向对象继承的五种方法)