原型链的缺陷

1.引用类型的值在原型链传递中存在的问题
js中有简单数据类型和引用数据类型(复杂数据类型)，引用类型的值有一个特点：在赋值的时候，传递给变量的其实是它在内存当中的地址。被赋值完的变量相当于一个指针。这样一来就有大问题了，上代码：

function Father() {
  this.name = 'father';
  this.hobby = ['sport', 'read'];
}

function Son() {

}
Son.prototype = new Father();

let son1 = new Son();
let son2 = new Son();
console.log(son1.name);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

接着我们修改一下son1的hobby和name属性看看：

son1.name = 'son';
son1.hobby.push('play games');
console.log(son1);
console.log(son2);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

打印结果如下：

2.第二个缺陷是：在创建子类型的实例时，是无法向父类型的构造函数中传递参数的，在上面的例子中，如果Father的name属性是要传递数的，而不是写死的，那么我们在实例化son1和son2的时候根本没办法传参。

借用构造函数继承

为了解决引用类型值带来的问题，我们采用借用构造函数继承的方式，它的核心思路是：在子类型的构造函数中调用父类型的构造函数，这里需要借助call()或者apply()方法，具体代码如下：

function Father() {
  this.name = 'father';
  this.hobby = ['sport', 'read'];
}

function Son() {
  Father.call(this);
}

let son1 = new Son();
let son2 = new Son();
console.log(son1.name);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

son1.name = 'son';
son1.hobby.push('play games');
console.log('------------------');
console.log(son1);
console.log(son2);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

打印结果：

function Father(name) {
  this.name = name;
  this.hobby = ['sport', 'read'];
}

function Son(name) {
  Father.call(this, name);
}

let son1 = new Son('Jack');
let son2 = new Son('Bob');
console.log(son1.name);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

打印结果如下：

组合继承

我们了解了原型链继承和借用构造函数继承后，我们可以发现这两种继承是互补的一个关系。

• 原型链继承可以把方法定义在原型上，从而复用方法。
• 借用构造函数继承可以解决引用类型值的继承问题和传递参数的问题。
  因此，我们可以结合这两种方法，就诞生了组合继承，具体代码实现如下：

function Father(name) {
  this.name = name;
  this.hobby = ['sport', 'read'];
}
Father.prototype.sayF = function () {
  console.log('father');
}

function Son(name, age) {
  Father.call(this, name);
  this.age = age;
}
Son.prototype = new Father();
Son.prototype.constructor = Son;
Son.prototype.sayS = function () {
  console.log('son');
}

let son1 = new Son('Jack', 20);
let son2 = new Son('Bob', 24);
console.log(son1);
console.log(son2);
son1.sayF();
son2.sayS();

打印结果如下：