JS继承的6种方式

Posted 2020-10-30 suhong

JS继承：
1、原型链继承
Person.prototype = new Animal();
将父类的实例作为子类的原型。
（1）不能向构造函数传参，无法实现多继承
（2）来自原型对象的引用属性是所有实例共享的

2、构造继承
实际上使用父类的构造函数来增强子类，等于是把父类的构造函数复制给子类。
function Person(name) {
Animal.call(this);
this.name = name;
}
优点：
（1）可以向构造函数传参数
（2）可以实现多继承，多call几个
缺点：
（1）无法实现函数复用
（2）只能继承父类的属性和方法，不能继承父类的原型

3、实例继承
为父类实例添加新属性，作为子类实例返回。
function Cat(name) {
var instance = new Animal();
instance.name = name;
return instance;
}
缺点：无法实现多继承

4、拷贝继承
function Cat(name) {
var animal = new Animal();
for (var attr in animal) {
Cat.prototype[attr] = animal[attr];
}
this.name = name;
}
优点：支持多继承
缺点：占用内存高，因为要用for in循环来拷贝父类属性／方法
不可枚举方法拷贝不了

5、组合继承
通过调用父类构造函数，继承了父类的属性，并保留了传参的优点。然后再将父类实例作为子类原型，实现了函数复用。
function Cat(name) {
Animal.call(this);
this.name = name;
}
Cat.prototype = new Animal();
Cat.constructor = Cat;
优点：
（1）继承父类的属性和方法，也继承了父类的原型
（2）可传参，函数可复用
缺点：调用了两次父类构造函数

6、寄生组合继承
通过寄生的方式，去掉了父类的实例属性，在调用父类构造函数时，就不会初始化两次实例方法，避免了组合继承的缺点
function Cat(name) {
Animal.call(this);
this.name = name;
}
(function() {
var Super = function(){};
Super.prototype = Animal.prototype;
Cat.prototype = new Super();
Cat.constructor = Cat;
})();