前提
继承在js中是有着非常重要的地位的。要实现继承有许多种方式,并且各有各自的优缺点,后者往往都是为了解决前者所存在的问题而诞生的。
实现继承:
实现集成首先需要一个父类,在js中实际上没有“类”这个概念的。在es6中class虽然很像类,但实际上只是es5上的语法糖而已
function Person(nickname){
//属性
this.nickname = nickname || 'Jack'
//实例方法
this.phone=function(){
console.log(this.nickname + '正在打电话')
}
}
//原型方法
Person.prototype.eat = function(food){
console.log(this.name + '正在吃:' + food);
}
1、原型链继承
父类的实例作为子类的原型
function Man(){
}
Man.prototype = new Person();
Man.prototype.name = 'Mack';
let ManObj = new Man();
优点:
-
简单易于实现,父类的新增实例与属性子类都能访问
缺点 :
- 可以在子类中增加实例属性,但是如果要新增原型属性和方法需要在new父类构造函数的后面
- 不能实现多继承
- 生成新实例的时候,不能向父类构造函数中传参
2、(借用)构造函数继承
复制父类的实例属性给子类
function Man(nickname){
//继承了Person
Person.call(this); //Person.call(this,'tom);
this.nickname = nickname || 'Steven'
}
let manObj = new Man();
优点:
-
解决了子类构造函数向父类构造函数中传递参数
-
可以实现多继承(claa或者apply多个父类)
缺点:
- 方法都在构造函数中,无法复用
- 不能继承原型属性和方法,只能继承父类的实例属性和方法
3、实例继承
function Man(nickname){
let instance = new Person();
instance.nickname = nickname || 'Matin';
return instance;
}
let manObj = new Man();
优点:
- 不限制调用方式
- 简单,易实现
缺点:
- 不能多次继承
4、组合式继承
调用父类构造函数,继承父类的属性,通过将父类实例作为子类原型,实现函数复用
function Person(name,age){
this.name = name || 'wangxiao'
this.age = age || 27
}
Person.prototype.eat = function(){
return this.name + this.age + 'eat sleep'
}
function Man(name,age){
Person.call(this,name,age)
}
Man.prototype = new Person();
Man.prototype.constructor = Man;
let manObj = new Man(ren,27);
manObj.eat();
优点:
- 函数可以复用
- 不存在引用属性的问题
- 可以继承属性和方法,并且可以继承圆形的属性和方法
缺点:
- 调用了两次父类,产生了两份实例,导致代码臃肿