es6之前继承的方法有哪些

继承的方法有哪些？

原型链继承、构造继承、实例继承、拷贝继承、组合继承、寄生组合继承

继承详情解释：

既然要实现继承，那么我们首先要有一个父类，代码如下:

//先定义一个父类

function Animal(name){

//属性

this.name = name || 'Animal';

//实例方法

this.sleep = function(){

console.log(this.name + "正在睡觉!")

}

}

//原型方法

Animal.prototype.eat = function(food){

console.log(this.name + "正在吃" + food);

}

1. 原型链继承

核心：将父类的实例作为子类的原型

//原型链继承

function Cat(){ }

Cat.prototype = new Animal();

Cat.prototype.name = "cat";

 

//Test Code

var cat = new Cat();

console.log(cat.name); //cat

console.log(cat.eat("fish")); //cat正在吃fish

console.log(cat.sleep()); //cat正在睡觉

console.log(cat instanceof Animal); //true

console.log(cat instanceof Cat); //true

特点：

1. 非常纯粹的继承关系，实例是子类的实例，也是父类的实例
2. 父类新增原型方法、原型属性，子类都能够访问到
3. 简单，易于实现

缺点：

1. 要想实现子类新增属性的方法,必须要在new Animal( )这样的语句之后执行,不然会被覆盖掉
2. 无法实现多继承
3. 来自原型对象的引用属性是所有实例共享的
4. 创建子类实例时, 无法向父类构造函数传参
5. 构造函数

核心：使用父类的构造函数来增强子类实例，等于是赋值父类的实例属性给子类（没用的原型）

在子类构造函数里调用父类构造函数，并将父类的this指向指向子类

//构造函数

function Cat(name){

Animal.call(this);

this.name = name || "Tom"

}

//Test Code

var cat = new Cat();

console.log(cat.name); //Tom

console.log(cat.sleep()); //Tom正在睡觉

console.log(cat instanceof Animal); //false

console.log(cat instanceof Cat); //true

特点：

1. 解决了1中，子类实例共享父类引用属性的问题
2. 创建子类实例时，可以向父类传递参数
3. 可以实现多继承（call多个父类对象）

缺点：

1. 实例并不是父类的实例，只是子类的实例
2. 只能继承父类的实例属性与方法，不能继承原型属性、方法
3. 无法实现函数复用，每个子类都有父类实例函数的副本，影响性能
4. 实例继承

核心: 为父类实例添加新特性，作为子类实例返回

//实例继承

function Cat(name){

var instance = new Animal();

instance.name = name || "Tom";

return instance;

}

//Test Code

var cat = new Cat();

console.log(cat.name); //Tom

console.log(cat.sleep()); //Tom正在睡觉!

console.log(cat instanceof Animal); //true

console.log(cat instanceof Cat); //false

特点：

1. 不限制调用方法，不管是new子类（）还是子类（)，返回的对象具有相同的效果

缺点:

1. 实例是父类的实例, 不是子类的实例
2. 不支持多继承

4. 拷贝继承

//拷贝继承

function Cat(name){

var animal = new Animal();

for(var p in animal){

Cat.prototype[p] = animal[p];

}

Cat.prototype.name = name || "Tom"

}

//Test Code

var cat = new Cat();

console.log(cat.name); //Tom

console.log(cat.sleep()); //Tom正在睡觉!

console.log(cat instanceof Animal); //false

console.log(cat instanceof Cat); //true

特点：

1. 支持多继承

缺点：

1. 效率较低，内存占用高（因为要拷贝父类的属性）
2. 无法获取父类不可枚举的方法（不可枚举方法，不能使用for in 访问到）

5.组合继承

核心：通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用

//组合继承

function Cat(name){

Animal.call(this);

this.name = name || "Tom";

}

Cat.prototype = new Animal();

//组合继承也需要修复构造函数的指向问题

Cat.prototype.constructor = Cat;

//Test Code

var cat = new Cat();

console.log(cat.name); //Tom

console.log(cat.sleep()); //Tom正在睡觉!

console.log(cat instanceof Animal); //true

console.log(cat instanceof Cat); //true

特点：

1. 弥补了方法2的缺陷，可以继承实例属性、方法，也可以继承原型属性和方法
2. 既是子类的实例，也是父类的实例
3. 不存在引用属性共享的问题
4. 可传参
5. 函数可复用

缺点：

1. 调用了两次父类构造函数，生成了两份实例（子类实例将子类原型上的那份屏蔽了）

6.  寄生组合继承

核心：通过寄生方式，砍掉父类的实例属性，这样，在调用两次父类的构造的时候，就不会初始化两次实例方法、属性，避免了组合继承的缺点

//寄生组合继承

function Cat(name){

Animal.call(this);

this.name = name || "Tom"

}

(function(){

//创建一个没有实例方法的类

var Super = function(){};

Super.prototype = Animal.prototype;

//将实例作为子类的原型

Cat.prototype = new Super();

})();

//Test Code

var cat = new Cat();

console.log(cat.name); //Tom

console.log(cat.sleep()); //Tom正在睡觉!

console.log(cat instanceof Animal); //true

console.log(cat instanceof Cat); //true

//该实现没有修复constructoe

特点:

1. 堪称完美

缺点:

1. 实现较为复杂