【JavaScript】$.extend使用心得及源码研究
2017-04-11 11:48
429 查看
最近写多了js的面向对象编程,用$.extend写继承写得很顺手。但是在使用过程中发现有几个问题。
1.深拷贝
$.extend默认是浅拷贝,这意味着在继承复杂对象时,对象中内嵌的对象无法被拷贝到。
因此如果要深拷贝,则需要将第一个参数设置为true。
如:
2.对象覆盖
在进行面向对象编程时,有这么一种情况。
比如有一个公共对象,某个类在实例化的时候,都要继承这个公共对象。那么在实例化这个类的时候,要保证这个公共对象不被改变,以确保所有实例对象都能继承同一个公共对象。
从上面这个例子我们可以看到。但在实例化a的时候,common已经被改变了。因此实例化b的时候,a.option.a不是我们想要的1,而是在实例化a时就被污染的2.
针对这个问题。需要这么修改:
在用extend引用common的时候,第一个参数使用一个空的对象,这样就能保证common不会被污染。
3.$.extend源码研究
由于时间关系,后续再写。
1.深拷贝
$.extend默认是浅拷贝,这意味着在继承复杂对象时,对象中内嵌的对象无法被拷贝到。
因此如果要深拷贝,则需要将第一个参数设置为true。
如:
var a = { a:1 }; var b = { b:{c:1} }; $.extend(a,b); a = { a:1,b:{c:1} };
2.对象覆盖
在进行面向对象编程时,有这么一种情况。
比如有一个公共对象,某个类在实例化的时候,都要继承这个公共对象。那么在实例化这个类的时候,要保证这个公共对象不被改变,以确保所有实例对象都能继承同一个公共对象。
var common = { a:1,b:1 }; var A = function(option){ this.option = $.extend(common,option); } var a = new A({ a:2 }); var b = new A({ b:2 }); a.option = { a:2,b:1 } b.option = { a:2,b:2 }
从上面这个例子我们可以看到。但在实例化a的时候,common已经被改变了。因此实例化b的时候,a.option.a不是我们想要的1,而是在实例化a时就被污染的2.
针对这个问题。需要这么修改:
var common = { a:1,b:1 }; var A = function(option){ this.option = $.extend({},common,option); } var a = new A({ a:2 }); var b = new A({ b:2 }); a.option = { a:2,b:1 } b.option = { a:2,b:2 }
在用extend引用common的时候,第一个参数使用一个空的对象,这样就能保证common不会被污染。
3.$.extend源码研究
由于时间关系,后续再写。
相关文章推荐
- OpenJDK源码研究笔记(十六):在Java中使用JavaScript脚本语言
- OpenJDK源码研究笔记(十六):在Java中使用JavaScript脚本语言
- OpenJDK源码研究笔记(十六):在Java中使用JavaScript脚本语言
- 今日工作心得:asp.net中使用javascript进行验证的注意点
- (转) 熊猫烧香 - 核心源码 (僅供研究使用!後果自行負責 )
- [JavaScript]XmlHttp使用心得
- 我的JavaScript使用心得
- [JavaScript]showModalDialog和showModelessDialog使用手册+使用心得
- Javascript中Math对象使用心得
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- javascript使用心得
- Lua的使用心得: 数据定义和过程定义(Lua在程序中的数据定义和过程定义的界定原则的研究)
- 熊猫烧香 - 核心源码 (僅供研究使用!後果自行負責 )
- Javascript中Math对象使用心得
- 熊猫烧香 - 核心源码 (僅供研究使用!後果自行負責 )
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- Javascript中Math对象使用心得
- Android Contacts源码研究心得
- ORM,ASP.NET中ORM学习,ASP.NET中ORM学习心得,WEB2.0中ORM实现原理,Asp.net简单ORM示例源码详细讲解,Asp.net2.0:如何使用ObjectDataSource(配合ORM )(二)
- 使用copy javascript源码的方式调试Infragistics控件。