深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
介绍
本文介绍的四种代码复用模式都是最佳实践,推荐大家在编程的过程中使用。
模式1:原型继承
原型继承是让父对象作为子对象的原型,从而达到继承的目的:
functionobject(o){ functionF(){ }
F.prototype=o; returnnewF(); }
//要继承的父对象 varparent={ name:"Papa" };
//新对象 varchild=object(parent);
//测试 console.log(child.name);//"Papa"
//父构造函数 functionPerson(){ //an"own"property this.name="Adam"; } //给原型添加新属性 Person.prototype.getName=function(){ returnthis.name; }; //创建新person varpapa=newPerson(); //继承 varkid=object(papa); console.log(kid.getName());//"Adam"
//父构造函数 functionPerson(){ //an"own"property this.name="Adam"; } //给原型添加新属性 Person.prototype.getName=function(){ returnthis.name; }; //继承 varkid=object(Person.prototype); console.log(typeofkid.getName);//"function",因为是在原型里定义的 console.log(typeofkid.name);//"undefined",因为只继承了原型