关于JavaScript的类的继承
2016-06-23 13:49
197 查看
其实最一开始学JS的时候就看过继承的实现。当时只是去试着理解从书上看来的代码段而已。今天又重新思考了一下,感觉这是一个思维探索演进的结果。
继承,即复用。
如果抛开继承的固有思想,让b复用a的成员,最简单粗暴的做法, b=a;
那么,问题来了: 对b的任何改动,就是对a的改动(同一个object嘛)。
好吧,那就拷贝一份,浅拷贝不够安全的话,就用深拷贝。
问题:代码是复用了,但内存浪费了(不管是变量还是方法,在JS中都是对象)。
不拷贝,只读不写,就可以用JS的原型,b.__proto__ = a。一般我们不直接更改__proto__,太暴力了,JS中提供了一个method可以比较“温和”地达到目的——Object.create(b)。
这个方法可行,但这只是具体对象的复用模式,如果做到“利用ConstructorB创建的对象能复用ConstructorA的对象的原型”呢?
答案是:将b看成是ConstructorB.prototype,将a看成ConstructorA.prototype.
问题:
解决方法:
申明ConstructorB的时候,系统自动会让ConstructorB.prototype.constructor=ConstructorB; 在上面代码中为了复用ConstructorA.prototype, 丢掉了constructor, 补上即可。
以上是最基本的继承,关于子类如何更通用地调用父类的构造函数及成员(如this._super),如何更通用地实现继承模式(如A=inheritFrom(B)),等等,不在本文范围^O^
继承,即复用。
如果抛开继承的固有思想,让b复用a的成员,最简单粗暴的做法, b=a;
那么,问题来了: 对b的任何改动,就是对a的改动(同一个object嘛)。
好吧,那就拷贝一份,浅拷贝不够安全的话,就用深拷贝。
问题:代码是复用了,但内存浪费了(不管是变量还是方法,在JS中都是对象)。
不拷贝,只读不写,就可以用JS的原型,b.__proto__ = a。一般我们不直接更改__proto__,太暴力了,JS中提供了一个method可以比较“温和”地达到目的——Object.create(b)。
这个方法可行,但这只是具体对象的复用模式,如果做到“利用ConstructorB创建的对象能复用ConstructorA的对象的原型”呢?
答案是:将b看成是ConstructorB.prototype,将a看成ConstructorA.prototype.
问题:
解决方法:
申明ConstructorB的时候,系统自动会让ConstructorB.prototype.constructor=ConstructorB; 在上面代码中为了复用ConstructorA.prototype, 丢掉了constructor, 补上即可。
以上是最基本的继承,关于子类如何更通用地调用父类的构造函数及成员(如this._super),如何更通用地实现继承模式(如A=inheritFrom(B)),等等,不在本文范围^O^
相关文章推荐
- js 各种高度宽度汇总(为自己记忆)
- WEB项目中的(曲线图,柱状图,饼状图,以及两种基础弹出框)快速优雅实现
- jsse.jar
- jsp网页跳转小结
- [转载]javascript创建对象的几种方式
- 【JavaScript】a标签onclick传递参数不对,A标签调用js函数写法总结
- js控件设置背景色
- [置顶] Js作用域与作用域链详解
- 避免IE执行AJAX时,返回JSON出现下载文件
- JavaScript 字符串与数组互转,并保持数据去重、排序功能
- js实现多图上传和预览(包含表单上传、ajax上传)
- 同一个页面,多个script标签中Javascript执行问题
- 解决eclispe 编辑JS卡的问题
- 突然顿悟的Javascript中的this
- 火狐浏览器下载文件名为乱码
- list页面示例
- JS实现转动效果
- js 执行上下文环境
- JavaScript tips
- JS实现Clone