JavaScript 系列之继承（二）

这是我参与8月更文挑战的第14天，活动详情查看：8月更文挑战

二、借用构造函数继承

function SuperType() {
  this.colors = ["red", "blue", "green"];
}
function SubType() {
  //继承了SuperType
  SuperType.call(this);
}

var instance1 = new SubType();
instance1.colors.push("black");
console.log(instance1.colors); //"red,blue,green,black"

var instance2 = new SubType();
console.log(instance2.colors); //"red,blue,green"

function SuperType(name) {
  this.name = name;
}
function SubType() {
  //继承了SuperType，同时还传递了参数
  SuperType.call(this, "Nicholas");
  //实例属性
  this.age = 29;
}

var instance = new SubType();
console.log(instance.name); //"Nicholas";
console.log(instance.age); //29

• 原理：在子类型构造函数的内部调用超类型构造函数
• 优点：解决了 superType 中的私有属性变公有的问题，可以传递参数。
• 缺点：方法在构造函数中定义，无法得到复用。

三、组合继承

function SuperType(name) {
  this.name = name;
  this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function () {
  console.log(this.name);
};

function SubType(name, age) {
  // 借用构造函数继承属性
  // 第二次调用 SuperType()
  SuperType.call(this, name); 
  this.age = age;
}
// 借用原型链继承方法
// 第二次调用 SuperType()
SubType.prototype = new SuperType(); 
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function () {
  console.log(this.age);
};

var instance1 = new SubType("Nicholas", 29);
instance1.colors.push("black");
console.log(instance1.colors); //"red,blue,green,black"

instance1.sayName(); //"Nicholas";
instance1.sayAge(); //29

var instance2 = new SubType("Greg", 27);
console.log(instance2.colors); //"red,blue,green"
instance2.sayName(); //"Greg";
instance2.sayAge(); //27

• 原理：使用原型链实现对原型属性和方法的继承，通过借用构造函数来实现对实例属性的继承。这样，既通过在原型上定义方法实现了函数复用，又能够保证每个实例都有它自己的属性。
• 优点：既通过在原型上定义的方法实现了函数复用，又能够保证每个实例都有它的属性。 是JavaScript中最常用的继承模式。
• 缺点：两次调用父构造器函数，浪费内存。

四、原型式继承

function object(o){        
  function F();
  F.prototype = o;
  return new F();
}

ECMAScript5 通过新增 Object.create() 方法规范化了原型式继承。这个方法接收两个参数：一个用作新对象原型的对象和（可选的）一个为新对象定义额外属性的对象。在传入一个参数情况下，Object.create() 与 object() 方法的行为相同。

• 缺点：只想让一个对象与另一个对象保持类似的情况下，原型式继承可以胜任， 但包含引用类型值的属性会被共享。
• 场景：没必要构建构造函数，仅仅是想模拟一个对象的时候。

| 标题 | | | JavaScript 系列之继承（一）｜ 8月更文挑战- | --- | | | |