对付灵活的js而言，担任对比于java等语言，担任实现方法可谓百花齐放。方法的多样就意味着常识点繁多，固然也是面试时绕不开的点。撇开ES6 class不谈，传统的担任方法你知道几种？每种实现道理是什么，优劣点能谈谈吗。这里就结合具编制子，凭据渐进式的思路来看看担任的成长。

筹备

谈到js担任之前先回顾下js 实例化东西的实现方法。

结构函数是指可以通过new 来实例化东西的函数，目的就是为了复用，制止每次都手动声明东西实例。

new 简单实现如下：

function my_new(func){ var obj = {} obj._proto_ = func.prototype // 改削原型链指向，拼接至func原型链 func.call(obj) // 实例属性赋值 return obj }

由上可以看出，通过结构函数挪用，可以将实例属性赋值到方针东西上。
如此可以推想，子类中挪用父类结构函数同样可以到达担任的目的。
这就供给了js担任的一种思路，即通过结构函数挪用。

至于原型属性，就是通过改削原型指向，来实现原型属性的共享。
那么担任时同样也可以通过该方法进行。

总结

基于结构函数和原型链两种特性，结合js语言的灵活性。
担任的实现方法虽然繁多万变也不离其宗

担任的n种方法 原型式担任

界说：这种担任借助原型并基于已有的东西创建新东西，同时还不用创建自界说类型的方法称为原型式担任。

直接看代码更清晰:

function createObj(o) { function F() { } F.prototype = o; return new F(); } var parent = { name: 'trigkit4', arr: ['brother', 'sister', 'baba'] }; var child1 = createObj(parent);

该方法外貌上看基于东西创建，不需要结构函数(固然实际结构函数被封装起来罢了)。只借助了原型东西，所以名称为原型式担任。

错误谬误
对照明显优良者

无法复用该担任，每个子类的实例，都要走完整的createObj流程。

对付子类东西
因为结构函数封装createObj中，对其而言，没有结构函数。由此造成无法初始化时传参。
增补：此中 createObj 就是我们ES6中常用的Object.create()，不过Object.create进行了完善，，允许特别参数来完善了。

解决思路
既然提到没有结构函数导致了问题，那么斗胆猜度，更进一步就是涉及了结构函数的原型链担任了。

原型链式担任

界说：为了让子类担任父类的属性（也包孕要领），首先需要界说一个结构函数。然后，将父类的新实例赋值给结构函数的原型。

function Parent() { this.name = 'mike'; } function Child() { this.age = 12; } Child.prototype = new Parent(); child.prototype.contructor = child // 原型属性被笼罩，所以要修正回来。 var child1 = new Child();

也就是直接改削子类的原型东西指父结构函数的实例，这样把父类的实例属性和原型属性都挂到本身原型链上。

错误谬误

Child.prototype = new Parent() ，那么子函数自身的原型属性就被笼罩了，如果需要就要在后面增补。

子东西实例化时，无法向父类结构函数通报参数。
例如在new Child()执行的时候，想要去笼罩name，只能在Child.prototype = new Parent()时。 是我们在new Child()的时候统一传参初始化是更通例需求。

解决思路
如安在子类初始化时，挪用父类结构函数。结合前面的根本，答案也呼之欲出。

借用结构函数(类式担任)

类式担任：是在子类型结构函数的内部挪用超类型的结构函数。

思路对照清晰，由问题驱动。
既然原型链式子类不能向父类传参的问题，那么在子类初始化是挪用父类不就满足目的了。

示例如下：

function Parent(age) { this.name = ['mike', 'jack', 'smith']; this.age = age; } Parent.prototype.run = function () { return this.name + ' are both' + this.age; }; function Child(age) { // 挪用父类 Parent.call(this, age); } var child1 = new Child(21);

这样满足了初始化时传参的需求，但是问题也对照明显。

child1.run //undefined

问题

父类原型属性丢掉
父类初始化只担任了示例属性，原型属性在子类的原型链上丢掉

解决思路
丢掉的原因在于原型链没有改削指向，那么改削下指向不就完了。

组合担任

界说：使用原型链实现对原型属性和要领的担任，而通过借用结构函数来实现对实例属性的担任

示例：

function Parent(age) { this.name = ['mike', 'jack', 'smith']; this.age = age; } Parent.prototype.run = function () { return this.name + ' are both' + this.age; }; function Child(age) { // 挪用父类结构函数 Parent.call(this, age); } Child.prototype = new Parent();//原型属性担任 Child.prototype.contructor = Child var child1 = new Child(21);

这样问题就制止了：

child1.run() // "mike,jack,smith are both21"