Javascript继承6:终极继承者----寄生组合式继承
2018-10-03 18:00:12来源:博客园 阅读 ()
/* * 寄生式继承依托于原型继承,原型继承又与类式继承想象。 * 即: 原型与构造函数的组合继承 * 寄生式继承 继承原型 * 传递参数 childClass 子类 * 传递参数 parentClass 父类 */ //原型式继承 function inheritObj(obj){ //声明一个过渡函数对象 function F(){} //过渡对象的原型继承父对象 F.prototype = obj; //返回过渡对象的一个实例,该实例的原型继承了父对象 return new F(); } function inheritPrototype(childClass,parentClass){ //复制一份父类原型副本保存在变量中 var p = inheritObj(parentClass.prototype); //修正因为重写子类原型导致子类的constructor属性被修改 p.constructor = childClass; //设置子类原型 childClass.prototype = p; } // 定义父类 function ParentClass(name){ this.name = name; this.books = ['Html']; } //定义父类原型方法 ParentClass.prototype.getName = function(){ console.log(this.name); } //定义子类 function ChildClass(name,time){ //构造函数是继承 ParentClass.call(this,name); //子类新增属性 this.time = time; } // 寄生式继承父类原型 inheritPrototype(ChildClass,ParentClass); //子类新增方法 ChildClass.prototype.getTime = function(){ console.log(this.time); } // test var child1 = new ChildClass('react',2018); var child2 = new ChildClass('vue',2017); child1.books.push('css'); console.log(child1.books) // ['Html','css'] console.log(child2.books) // ['html'] child2.getName() // Vue child2.getTime() // 2017
设计模式中的经典笔录
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- javascript面向对象入门基础详细介绍 2020-03-29
- JavaScript函数表达式详解及实例 2020-03-25
- 如何用javascript连接access数据库 2020-03-20
- js中去掉字串左右空格 2020-03-20
- Javascript中的经典技巧 2020-03-20
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash