前言
JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。
预备知识
1、构造函数的属性
funcion A(name) {
this.name = name; // 实例基本属性 (该属性，强调私有，不共享) this.arr = [1]; // 实例引⽤属性 (该属性，强调私⽤，不共享)
this.say = function() { // 实例引⽤属性 (该属性，强调复⽤，需要共享)
console.log('hello')
}
}
注意：数组和⽅法都属于‘实例引⽤属性’，但是数组强调私有、不共享的。⽅法需要复⽤、共享。
在构造函数中，⼀般很少有数组形式的引⽤属性，⼤部分情况都是：基本属性 + ⽅法。
2、什么是原型对象
简单来说，每个函数都有prototype属性，它就是原型对象，通过函数实例化出来的对象有个 proto 属性，指向原型对象。
let a = new A()
a. proto == A.prototype
// prototype的结构如下
A.prototype = {
constructor: A,
...其他的原型属性和⽅法
}
3、原型对象的作⽤
原型对象的⽤途是为每个实例对象存储共享的⽅法和属性，它仅仅是⼀个普通对象⽽已。并且所有的实例是共享同⼀个原型对象，因此有别于实例⽅法或属性，原型对象仅有⼀份。⽽实例有很多 份，且实例属性和⽅法是独⽴的。在构造函数中：为了属性(实例基本属性)的私有性、以及⽅法(实例引⽤属性)的复⽤、共享。我们提倡：（即下文出现的组合继承方式）
- 将属性封装在构造函数中
- 将⽅法定义在原型对象上
funcion A(name) {
this.name = name; // (该属性，强调私有，不共享)
}
A.prototype.say = function() { // 定义在原型对象上的⽅法 (强调复⽤，需要共享)
console.log('hello')
}
// 不推荐的写法：[原因](https://blog.csdn.net/kkkkkxiaofei/article/details/46474303)
A.prototype = {
say: function() { console.log('hello') }
}
五种js继承⽅式
原型链继承
- 核⼼：将⽗类实例作为⼦类原型
- 优点：⽅法复⽤
- 由于⽅法定义在⽗类的原型上，复⽤了⽗类构造函数的⽅法。⽐如say⽅法。
- 缺点：
- 创建⼦类实例的时候，不能传⽗类的参数（⽐如name）。
- ⼦类实例共享了⽗类构造函数的引⽤属性，⽐如arr属性。
- ⽆法实现多继承。
function Parent(name) {
this.name = name || '⽗亲'; // 实例基本属性 (该属性，强调私有，不共享) this.arr = [1]; // (该属性，强调私有)
}
Parent.prototype.say = function() { // -- 将需要复⽤、共享的⽅法定义在⽗类原型上
console.log('hello')
}
function Child(like) {
this.like = like;
}
Child.prototype = new Parent() // 核⼼，但此时Child.prototype.constructor==Parent
Child.prototype.constructor = Child // 修正constructor指向
let boy1 = new Child()
let boy2 = new Child()
// 优点：共享了⽗类构造函数的say⽅法
console.log(boy1.say(), boy2.say(), boy1.say === boy2.say); // hello , hello , true
// 缺点1：不能向⽗类构造函数传参
console.log(boy1.name, boy2.name, boy1.name===boy2.name); // ⽗亲，⽗亲，true
// 缺点2: ⼦类实例共享了⽗类构造函数的引⽤属性，⽐如arr属性
boy1.arr.push(2);
// 修改了boy1的arr属性，boy2的arr属性，也会变化，因为两个实例的原型上(Child.prototype)有了⽗类构造函数的实例属性arr； 所以只要修改了boy1.arr，boy2.arr的属性也会变化。
console.log(boy2.arr); // [1,2]
注意1：修改boy1的name属性，是不会影响到boy2.name。因为设置boy1.name相当于在⼦类实例新增了name属性。
注意2：console.log(boy1.constructor); // Parent 你会发现实例的构造函数居然是Parent。
⽽实际上，我们希望⼦类实例的构造函数是Child,所以要记得修复构造函数指向。修复如下：Child.prototype.constructor = Child;