微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JavaScript闭包在封装函数时的浅见

最近才开始系统的研究js,对js的兴趣源于对JQuery的应用。之前只会用js做简单的计算函数,后来由于需要做特效,故接触JQ,看着API,基本的特效都能完成,但相反,如果用js去实现,估计自己很难写得出来,所以下定决心系统的看看js。

最近发现了一个新名词:闭包。(自己落后了,要好好学习才行),baidu、google看了一下原理和实例,也明白了闭包的强大。JQuery也把闭包发扬光大了,网上一些个人开发的框架都是用了闭包了功能。知道了闭包的原理和使用发放,于是自己小小试验了一把,带着疑惑:使用闭包有什么好处?不使用会出现什么后果?写下了以下代码,也希望大家给小弟一些解答

使用闭包:

实例1

1var $Darren;
2(function(){
3 var Obj={version:1.0,author:Darren};
4 Obj.Add=function(arg1,arg2){
5 return (arg1+arg2);
6 }
7 Obj.Multi=function(arg1,arg2){
8 return (arg1*arg2);
9 }
10 $Darren=Obj;
11})(); //匿名函数,并使其马上执行
12alert($Darren.Add(6,2)); //结果 8
13alert($Darren.Multi(3,5)); //结果15

不使用闭包代码

实例2

1var $Darren2={version:1.0,author:Darren};
2$Darren2.Add=function(arg1,arg2){
3 return (arg1+arg2);
4}
5$Darren2.Multi=function(arg1,arg2){
6 return (arg1*arg2);
7}
8
9alert($Darren2.Add(6,2)); //结果 8
10alert($Darren2.Multi(3,5)); //结果15

我的理解是:

1.使用闭包后可以防止命名冲突,如在实例1中,如果$Darren变量冲突只需改两处地方,而在实例2中,如果$Darren2变量冲突则需该多处(这里是3处)

2.使用闭包后,即使匿名函数执行完毕,但是还可以使用其内部的函数

还有我有个疑惑就是:为什么大家都推荐实例1的写法,实例1和实例2哪个更好,为什么?一样能实现的功能

转自:http://www.cnblogs.com/wbkt2t/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐