Javascript继承6:终极继承者----寄生组合式继承
2018-10-02 17:49
507 查看
/* * 寄生式继承依托于原型继承,原型继承又与类式继承想象。 * 即: 原型与构造函数的组合继承 * 寄生式继承 继承原型 * 传递参数 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
设计模式中的经典笔录
相关文章推荐
- 设计模式知识连载(10)---继承_6:终极继承者-寄生组合式继承
- JavaScript高级程序设计之面向对象的程序设计之继承之寄生组合式继承第6.3.6讲笔记
- JavaScript中的寄生组合式继承方式
- [javascript高手之路]寄生组合式继承的优势
- JavaScript的寄生组合式继承
- [javascript]寄生组合式继承
- 【代码整理】JavaScript的寄生组合式继承
- JS学习笔记——JavaScript继承的6种方法(原型链、借用构造函数、组合、原型式、寄生式、寄生组合式)
- 寄生组合式继承——《Javascript 高级程序设计》6.3.6
- javascript中的继承-寄生组合式继承
- 【JavaScript】6.3.6寄生组合式继承
- javascript最常用的继承模式-寄生组合式继承——引用类型最理想的继承范式
- javascript 寄生组合式继承
- javascript 的 继承(六) 之 寄生组合式继承
- JavaScript寄生组合式继承分析
- JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
- JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
- JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
- javascript中寄生组合式继承