浅析js中的继承

王朝学院·作者佚名  2016-05-22
窄屏简体版  字體: 小  |  中  |  大  |  超大  

浅析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);

关注我的微博:http://weibo.com/u/3059735367关注我的github博客:http://aralic.github.io/

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航