js 常用继承

在我们前端来说不应该出现继承，继承一般只是针对后端语言，如java，c++来说，主要是类的继承，正所谓的多态，前端却没有了类的概念，何谈继承？（es5）前面我们讲到继承，要知道JavaScript的强大，没有什么是做不到的，虽然没有后端语言的那么强大，但是该有的东西都还是有的。话不多说，上代码。

第一种方式，call借用

function A(){
   this.name = 'jack';
}
function B(){
	this.age = 23;
	A.call(this);//这里运用call来将A中的所有属性挂载到B中的this中
}
var b = new B()
b  //B {age: 23, name: "jack"}
//注意，只是将A中内部的this定义的所有属性或是方法都将copy到B中的this中，并无法继承到A原型链中的方法或是属性

第二种方式，原型继承

function C(){this.habby='game'}
C.prototype = new B() //注意，在这里实例化B时会将C中的prototype的constructor指向B故而需要改正其指向
//实现多继承 可以使用Object.assign()方法合并实例
//需要注意，想要在C原型链中添加方法或是属性的话务必需要在 new B之后添加，实际上prototype也是一个对象，执行上述语句实际就是将prototype的指向改变为B的实例对象，故而在这之前添加的原型链中的方法或是属性是无效的。
C.prototype.constructor = C;
c = new C()
c.age //23
c.name //"jack"
c.habby //"game"
//注意，由C创建的实例对象，是共享该原型链中的所有属性或是方法

第三种方式，构造函数

function A(){
    this.name = 'jack'
}
function B(){
    var a = new A;
    a.age = 12;
    return a；
}
b = new B
b // A {name: "jack", age: 12}
b instanceof B  // false
b instanceof A // true
//注意，这里构建的b不是B的实例，而是属于A的实例

第四种，通过遍历实例copy 

function B(){
    // 遍历 A 的实例对象，将其赋值给 B 的原型 不过此方式只能继承父
    for(var p in new A()){
        B.prototype[p] = A[p];
    }
}