前言
在面向对象的语言中，讲究封装 继承 多态,而JavaScript这门号称万物皆对象的语言当然也有继承这一说，让我们来看看JS基于原型链的继承，和传统编程语言的区别吧!
PS:有对原型链不太了解的朋友，请移步JavaScript 原型链
原型链继承
这种继承方式是以前最经典最简单的继承方式，每一个函数对象（类）都有prototype，返回对象原型的引用,我们可以给它赋值一个对象，就可以达到原型链继承，废多看码!
function child() {
this.age = 12;
}
function parent() {
this.name = "老王";
this.sex = "男";
this.age = 42;
}
child.prototype = new parent();
let c = new child();
console.log(c);
console.log(c.age, c.name, c.sex);
上面的例子定义了两个类,其中child的原型指向了parent,实现了根据原型链继承，让我们来看看效果
虽然
child实例下没有name sex属性，但是由于Js原型链查找的原因，还是能够正常输出c.name 和 c.sex，达到了我们继承的目的
-
特点
只能够继承一个父对象（但是可以链式继承）
运行速度相对较慢（有的属性需要在父对象才能找到）
this继承
这种方式是将父对象的this拿到，获取到父对象的属性，看代码:
function child() {
Parent.call(this);
this.age = 12;
this.name = "小王";
}
function Parent() {
this.name = "老王";
this.sex = "男";
this.age = 42;
}
let c = new child();
console.log(c);
console.log(c.age, c.name, c.sex);
上方的案例中，在child函数内部执行了父函数的call函数,原理就是使用call函数将Parent的this指向了child，所以，看效果吧:
大家要注意，
call的执行位置是在第一句，所以相同的属性Parent会被child属性覆盖,但是如果call在下面执行,那call上方与父对象相同的属性，则会被父对象覆盖，这取决于js代码的执行顺序
-
特点
可以多继承
运行速度较上例较快（不用在原型链中查找属性）
复制继承
大概就是把2个对象的实例遍历一次，然后把父对象的实例属性丢给子对象，嗯，大概长这样
function Parent() {
this.name = "老王";
this.sex = "男";
this.age = 42;
}
function child() {
this.extends = Parent => {
for (const key in Parent) {
console.log(key);
this[key] = Parent[key];
}
};
this.age = 12;
this.name = "小王";
}
let c = new child();
c.extends(new Parent());
console.log(c);
这种方式超级不推荐！！！！！
-
特点
能继承多个
丑,一点也不优雅
属性可能丢失，某些属性是无法遍历的
父对象会把子对象的属性覆盖
ES6继承
这是最推荐大家使用的一种方案,集所有优点于一身,且看代码：
class Parent {
constructor() {
this.name = "老王";
this.sex = "男";
this.age = 42;
}
}
class child extends Parent {
constructor() {
super();
this.age = 12;
this.name = "小王";
}
}
let c = new child();
console.log(c);
这种写法是最接近与其他语言的,看下效果吧!
-
特点
拥有上面方式的优点(除了不能继承多个)
官方推荐规范
最后一点，也是最重要的一点......帅啊 这么优雅的写法 你不动心吗？？
总结
最后，希望官方早日推出多态的实现（封装，继承都已经实现了）
