JavaScript高级程序设计一书中对组合继承的理解
来源:互联网 发布:淘宝k8分销平台可靠吗 编辑:程序博客网 时间:2024/05/16 06:04
在JavaScript高级程序设计一书中关于组合继承有这样一段代码:
<script type="text/javascript"> function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayName = function(){ alert(this.name); }; function SubType(name, age){ //借用构造函数的方式(.call)来继承SuperType()函数的属性和方法 SuperType.call(this, name); this.age = age; } //将SubType的原型对象SubType.prototype设定为SuperType()的构造函数 SubType.prototype = new SuperType(); SubType.prototype.sayAge = function(){ alert(this.age); }; var instance1 = new SubType("Nicholas", 29); instance1.colors.push("black"); alert(instance1.colors); //"red,blue,green,black" instance1.sayName(); //"Nicholas"; instance1.sayAge(); //29 var instance2 = new SubType("Greg", 27); alert(instance2.colors); //"red,blue,green" instance2.sayName(); //"Greg"; instance2.sayAge(); //27 </script>
首先,我们定义了一个SuperType(name)函数为其添加了两个属性,然后为SuperType(name)函数创建了它的原型SuperType.prototype并为其添加sayName()方法,其次再定义了SubType(name,age)函数为其添加age属性,并且以借用构造函数的方式(.call)来继承SuperType()函数的属性和方法,至此SubType()函数就拥有了三个属性(name、colors、age),接下来我们将SubType的原型对象SubType.prototype设定为SuperType()的构造函数,并为其添加sayAge()方法。当我们创建SubType()的构造函数instance1和instance2,这两个构造函数便自动拥有了SubType()、SubType.prototype、SuperType.prototype的所有属性和方法。
在这段函数中使用到了两种继承方式:原型链和借用构造函数,单独使用原型链继承的方式会导致instance2的colors属性跟随instance1的改变而变化(colors属性为引用类型),借用构造函数继承的原理就是在每次创建构造函数的时候都为构造函数创建一个副本类似于复制粘贴变成了私有属性,所以在遇到引用类型继承的时候便可以组合使用两种继承方式达到取长补短的效果。
就是在每次创建构造函数的时候都为构造函数创建一个副本类似于复制粘贴变成了私有属性,所以在遇到引用类型继承的时候便可以组合使用两种继承方式达到取长补短的效果。
- JavaScript高级程序设计一书中对组合继承的理解
- JavaScript高级程序设计之面向对象的程序设计之继承之组合继承第6.3.3讲笔记
- 《JavaScript高级程序设计》--继承
- 《JavaScript 高级程序设计》 继承有关的总结
- 【JavaScript高级程序设计】对象的创建与继承
- 对JavaScript面对对象#继承的理解
- JavaScript对寄生组合式继承的理解
- 对javascript封装,继承的理解
- JavaScript的继承--组合继承
- js高级程序设计笔记 -- 理解继承
- 对接口、继承、组合、多态的理解
- 《 JavaScript高级程序设计》第四章 继承
- 《JavaScript高级程序设计》学习笔记(继承)
- javascript高级程序设计学习(四)----------继承
- JavaScript高级程序设计 (6章 继承)---读书笔记
- JavaScript高级程序设计【面向对象-继承】
- Javascript高级程序设计读书笔记——继承
- javascript高级程序设计笔记4-继承
- offsetParent() 方法
- sizeof和strlen的区别
- jquery checkbox全选
- iOS开发之基础篇(14)—— Block
- MySQL安装图解
- JavaScript高级程序设计一书中对组合继承的理解
- oracle常见问题解决办法
- 想成为linux大牛,却还在打王者荣耀?怎么办
- 想成为linux大牛,却还在打王者荣耀?怎么办
- leetcode-14-最长公共前缀
- 想成为linux大牛,却还在打王者荣耀?怎么办
- 优化SQL查询:如何写出高性能SQL语句
- [leetcode] 454. 4Sum II
- dwr练习001