javaScript继承

简单说一下继承

继承是面向对象开发思想的特性之一。面向对象的三大特点：封装、继承、多态继承主要分ES5和ES6的继承方式

ES5的继承（主要通过函数实现类）

原型链继承 主要实现代码 //创建一个父类 function Parent() { this.name='jack' } Parent.prototype.getName=function() { return this.name; } //创建一个子类 function Child() { } //子类的原型等于父类的实例化对象 Child.prototype=new Parent(); var c1=new Child()

缺点： 不能传参 没有解决对象的引用问题

借用构造函数继承 //创建一个父类 function Parent(name) { this.name=name ||'jack' this.colors=['red','green','blue'] } Parent.prototype.getName=function() { return this.name; } //创建一个子类 function Child(name) { //借用父类来承继实例属性，但不能继承父类方法 Person.call(this,name) }

缺点： 不能继承父类方法

组合继承 = 原型链继承 + 借用构造函数继承 //创建一个父类 function Parent(name) { this.name=name ||'jack' this.colors=['red','green','blue'] } Parent.prototype.getName=function() { return this.name; } var p1=new Parent(); p1.getName(); //创建一个子类 function Child(name) { Parent.call(this,name) } Child.prototype=new Parent(); var c1=new Child() c1.getName()

优点：即能继承父类的原型方法，也能传递参数属性

ES6继承（通过class、extends、super实现）

//创建一个父类 class Parent { constructor(name) { this.name=name ||'jack' this.colors=['red','green','blue'] } getName() { return this.name; } } //创建一个子类 class Child extends Parent { constructor(name) { super(name) //super就是父类Parent } getValue() { } }