浅析js中的继承

在js中继承主要是依靠原形链来实现。如果不了解原型相关知识，建议读者先去了解原形链。

每个构造函数都有一个原型对象（PRototype），原型对象都包含一个指向构造函数的指针（constructor），而实例都包含一个指向原型对象的内部指针成为隐式原型（__proto__）。

组合继承

//父类function Parent() {    this.name = 'parent';}Parent.prototype.getName = function() {    console.log(this.name);}//子类function Child() {    //继承父类的属性    Parent.call(this);          //第二次调用Parent()}//子类的原型 指向父类的实例对象Child.prototype = new Parent(); //第一次调用Parent()//修正子类的constructor指向Child.prototype.constructor = Child;

原型继承

//父类var parent = {    name: 'parent'    getName: function() {        console.log(this.name);    }};//代理中介function object(o) {    var F = function(){};    F.prototype = o;    return new F();}//子类var child = object(parent);

寄生式组合继承

结合第一、二中方法，我们实现了更高校的第三种寄生组合式继承。

//父类function Parent() { this.name = 'parent';}
Parent.prototype.getName = function() { console.log(this.name);}
//代理中介function object(o) { var F = function(){}; F.prototype = o; return new F();}
//子类原型 继承父类的原型function inhertPrototype(Parent, Child) { var prototype = obj(Parent.prototype); prototype.constructor = Child; Child.prototype = prototype;}
//子类function Child() { //继承父类的属性 Parent.call(this);}
//子类继承父类inhertPrototype(Parent, Child);