javascript继承、js继承实现方式、js继承优缺点
有如下父类
function People(name,age){
this.name = name
this.age = age
this.seelp = function(){
console.log('i am seelp')
}
}
People.prototype.eat = function(){
console.log('i can eat')
}
原型链继承
原理：
子类 的 prototype = 父类 的 实例
优点：
简单
不占用多余内存 父类实例化一次
原型属性继承
缺点：
无法对父类传递参数
在原型链上增加方法或者属性只能在实例化父类之后
无法实现多继承
非原型属性继承后无意义(undefined)
实现：
function Woman (name,age){
this.sex = '女';
}
Woman.prototype = new People()
Woman.prototype.constructor = Woman
Woman.prototype.a = 'aaaa'
var personal = new Woman('小丽','28')
personal = {
sex: "女",
__proto__: {
a: "aaaa",
age: undefined,
name: undefined,
seelp: ƒ (),
__proto__: Object
}
}
使用构造函数
原理：
在子类构造函数中，使用call修改父类的this指向
优点：
可像父类传递参数
可实现多继承
非原型属性继承
实现简单
方便新增属性
缺点：
原型属性无法继承
多占用内存(每个子类的实例，都调用了父类的实例)
function Woman(name,age){
People.call(this,name,age)
Base.call(this,name,age)
}
var personal = new Woman('小丽','28')
personal = {
age: "28",
jump: true,
name: "小丽",
seelp: ƒ (),
__proto__:{
constructor: ƒ Woman(name,age)
__proto__: Object
}
}
组合式继承
原理：
调用父类构造函数，继承父类的属性，通过将父类实例作为子类原型，实现函数复用
优点：
可像父类传递参数
可实现多继承
非原型属性继承
原型属性继承
缺点：
多占用内存(每个子类的实例，都调用了父类的实例)
function Woman(name,age){
People.call(this,name,age)
}
Woman.prototype = new People();
Woman.prototype.constructor = Woman;
var personal = new Woman('小刘鸭','27')
personal = {
age: 27,
name: "小刘鸭",
seelp: ƒ(),
__proto__: {
age: undefined,
constructor: Woman,
name: undefined,
seelp: ƒ(),
__proto__: Object
}
}
寄生组合继承
原理：
子类的原型不再是父类的实例，而是空类，空类的原型指向父类的原型，
优点：
可像父类传递参数
可实现多继承
非原型属性继承
原型属性继承
function Woman(name,age){
//继承父类属性
People.call(this,name,age)
}
//继承父类方法
(function(){
// 创建空类
let Super = function(){};
Super.prototype = People.prototype;
//父类的实例作为子类的原型
Woman.prototype = new Super();
})();
//修复构造函数指向问题
Woman.prototype.constructor = Woman;
var personal = new Woman('小刘鸭',27)
personal = {
age: 27,
name: "小刘鸭",
seelp: ƒ(),
__proto__: {
constructor: Woman(name, age),
__proto__: {
eat: ƒ(),
constructor: People(name, age),
__proto__: Object
}
}
}