JS的6中继承方式
1. 原型链继承
将父类实例作为子类的原型，这种方式下，子类实例可以共享父类实例的属性和方法，但是无法向父类构造函数传递参数。
function Fun1() {
this.name = '我是名称'
this.getName = () => {
console.log(this.name)
}
}
Fun1.prototype.get = () => {
console.log('Fun1.prototype上的方法')
}
function Fun2() {}
Fun2.prototype = new Fun1()
const f1 = new Fun2()
console.log(f1.name)
f1.getName()
f1.get()
2. 构造函数继承
构造函数继承是指在子类构造函数中调用父类构造函数，并使用 call 或 apply 方法将父类的 this 指向子类实例。这种方式的缺点是无法继承父类原型上的方法。
function Parent(name) {
this.name = name;
}
Parent.prototype.say = function() {
console.log('父亲说：你要听话。')
}
function Child(name, age) {
Parent.call(this, name);
this.age = age;
}
const child = new Child('小红', 18);
console.log(child.name); // 小红
console.log(child.age); // 18
child.say() // 报错 child.say is not a function
3. 组合继承
组合继承是指将原型链继承和借用构造函数继承结合起来。这种方式可以继承父类实例和原型上的属性和方法，但是会调用两次父类构造函数，且父类原型上的属性和方法会被继承两次。
function Parent(name) {
this.name = name;
}
Parent.prototype.sayHello = function() {
console.log('hello from parent');
}
function Child(name, age) {
Parent.call(this, name);
this.age = age;
}
Child.prototype = new Parent();
Child.prototype.constructor = Child;
const child = new Child('小红', 18);
console.log(child.name); // child
console.log(child.age); // 18
child.sayHello(); // hello from parent
4. 原型式继承
原型式继承是指创建一个空对象，并将父类实例作为该空对象的原型。这种方式的缺点与原型链继承相同。
function createObject(obj) {
function F() {}
F.prototype = obj;
return new F();
}
const parent = {
name: 'parent',
sayHello: function() {
console.log('hello from parent');
}
};
const child = createObject(parent);
console.log(child.name); // parent
child.sayHello(); // hello from parent
5. 寄生式继承
寄生式继承是指创建一个新对象，并在该对象上增加一些父类的属性和方法，然后返回该对象。这种方式的缺点与原型式继承相同。
function createObject(obj) {
const o = Object.create(obj);
o.sayHello = function() {
console.log('hello from child');
};
return o;
}
const parent = {
name: 'parent'
}
const child = createObject(parent);
console.log(child.name); // parent
child.sayHello(); // hello from child
6. 寄生组合式继承
寄生组合式继承是指使用“借用构造函数”继承父类实例的属性和方法，并将子类原型指向一个父类实例的副本。这种方式可以避免调用两次父类构造函数，且不会继承父类原型上的属性和方法。
function Parent(name) {
this.name = name;
}
Parent.prototype.sayHello = function() {
console.log('hello from parent');
};
function Child(name, age) {
Parent.call(this, name);
this.age = age;
}
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;
const child = new Child('小红', 18);
console.log(child.name); // 小红
console.log(child.age); // 18
child.sayHello(); // hello from parent
7. ES6 中，可以使用 class 和 extends 关键字来实现继承。即定一个父类（也称为基类）和一个子类（也称为派生类），并通过 extends 关键字让子类继承父类的属性和方法。
class Parent {
constructor(name) {
this.name = name;
}
sleep() {
console.log(`${this.name} 在睡觉`);
}
}
class Child extends Parent {
constructor(name) {
super(name);
}
// 子类定义了一个新方法
play() {
console.log('玩耍');
}
// 子类重写父类的 sleep 方法
sleep() {
super.sleep();
console.log('睡觉');
}
}
const child = new Child('小红');
console.log(child.name); // 小红
child.play(); // 玩耍
child.sleep(); // 依次输出 “小红在睡觉” 和 “睡觉”
