继承的几种方式
- 原型链继承
- 构造函数继承
- 组合型继承
实现方法
一、原型链继承
//父类
function Human(){
this.body = '肉体'
}
Human.prototype.move = function(){
return 'jump'
}
//子类
function Man(name){
this.name = name;
this.age = 10
}
//子类继承父类属性和方法
Man.prototype = new Human()
//创建实例
var jack = new Man(jack)
console.log(jack.body) // 肉体
console.log(jack.move()) // jump
要点:让新实例的原型等于父类的实例。(Man.prototype.__proto__ = Human.prototype
)
优点:简单明了,新实例不会继承父类实例的属性。
缺点:所有新实例都会共享父类实例的属性,也就是修改父类/子类属性,其所有新实例也会更改,而且子无法想父传参。
二、构造函数继承
//父类
function Human(){
this.body = '肉体'
}
Human.prototype.move = function(){
return 'jump'
}
//子类
function Man(name){
Human.apply(this,arguments);//子类继承父类属性
this.name = name;
this.age = 10
}
//创建实例
var jack = new Man(jack)
console.log(jack.body) // 肉体
console.log(jack.move()) // Uncaught TypeError: jack.move is not a function
要点:利用.apply(.call也可以)
将父类构造函数引入子类函数中。
优点:不存在共享原型链,解决了原型链继承的问题,而且可以子向父传参。
缺点:只会继承父类的构造函数属性,无法继承父类原型的属性。
三、组合型继承(比较常用的办法)
//父类
function Human(){
this.body = '肉体'
}
Human.prototype.move = function(){
return 'jump'
}
//子类
function Man(name){
Human.apply(this,arguments);//构造函数继承
this.name = name;
this.age = 10
}
//原型链继承
Man.prototype = new Human()
//创建实例
var jack = new Man(jack)
console.log(jack.body) // 肉体
console.log(jack.move()) // jump
要点:是前面两种方法的结合体
优点:可以传参,也可以复用。
缺点:调用父类过多,消耗内存,且子类的构造函数会代替原型上的那个父类构造函数。