js基础篇： 4、继承的几种办法

继承的几种方式

• 原型链继承
• 构造函数继承
• 组合型继承

实现方法

一、原型链继承

//父类
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

要点：是前面两种方法的结合体

优点：可以传参，也可以复用。

缺点：调用父类过多，消耗内存，且子类的构造函数会代替原型上的那个父类构造函数。

转载于:https://my.oschina.net/chendejie/blog/3079565