Javascript匿名函数的一种应用 代码封装


Posted in Javascript onJune 27, 2010

在一些Javascript库中可以看见这种写法:

(function(){ 
//所有库代码代码 
})();

说实话,对于js初学者的我来说。这个东西太吓人了,在这些JS库中,这个函数基本上把整个库的所有代码全括起来了,这种写法完全超越了我的常识。难道不应该好好的划分一下吗,难道不应该体现出层次和功能划分吗,怎么会一个函数搞定呢。我一开始完全不敢去细想它的道理。直到使用JS一段时间后,某一天一位同事在闲聊时说起了这个问题,我才知道这个叫匿名函数。匿名函数我并不陌生,C#,Python,Lua中都有这个咚咚。我到网上去查了一下,介绍文章很多,也很详细,但是我心头的疑问却没有得到解决:为什么要这样写。
我找了一款著名的JS开源库JQuery,他的代码就是典型的以上写法,在粗略看了他的代码之后我发现这套代码实在太大了太复杂了,实在不适合我。于是我转而去看另外一个开源js库swfobject,这个库提供了简单的接口把Flash控件嵌入到网页中。这个代码好多了,很短,很快就看完了。看完之后我恍然大悟,原来如此。真理就是如此简单,之所以这样写,只有一个目的:封装。
初学JS的时候,我问过同事,js怎么定义私有函数和变量。当时的得到的答案是:js不是面向对象的,不提供这些功能。我对这个答案也坦然接受了,毕竟严格的封装并不是必要的。现在终于明白了,办法总是有的,在不支持封装的语言里同样可以实现封装。而实现的方法就是匿名函数。来看一段代码:
//定义 
function F(x) 
{ 
this.x = x; 
function double(x){return x*x;} 
this.getDoubleX(){ 
return double(this.x); 
} 
} //使用 
f = new F(12); 
alert(f.getDoubleX());

上面的代码很简单,我没有去运行它。懂点js的都知道这是JS的类定义方式。函数F相当于一个构造函数,而函数里面的其他定义都是函数私有的外部无法访问,例如double函数。这样就变相实现了私有方法。其他打上“this.”前缀的成员相当于公开成员,外部可以访问。
而这些库之所以要用一个大函数包裹整个库代码,就是为了不向使用者暴露内部方法和变量,强制用户只能访问开放的API。从这一点可以开出这些开发者的良苦用心。
到这里我不禁又要问了,js如何实现继承呢。希望这一次的答案不要像上一次一样:不支持。

Javascript 相关文章推荐
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
TypeScript高级用法的知识点汇总
Dec 17 Javascript
vue项目如何监听localStorage或sessionStorage的变化
Jan 04 Vue.js
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 #Javascript
让IE6支持min-width和max-width的方法
Jun 25 #Javascript
jQuery与其它库冲突的解决方法
Jun 25 #Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 #Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 #Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 #Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 #Javascript
You might like
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
Thinkphp无限级分类代码
2015/11/11 PHP
[原创]php正则删除img标签的方法示例
2017/05/27 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
jquery 必填项判断表单是否为空的方法
2008/09/14 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
2016/01/05 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
js实现自动图片轮播代码
2017/03/22 Javascript
纯js实现页面返回顶部的动画(超简单)
2017/08/10 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
python遍历类中所有成员的方法
2015/03/18 Python
用xpath获取指定标签下的所有text的实例
2019/01/02 Python
django fernet fields字段加密实践详解
2019/08/12 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
Python类的动态绑定实现原理
2020/03/21 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
院药学专业个人求职信
2013/09/21 职场文书
幼师自我鉴定范文
2013/10/01 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
大连导游词
2015/02/12 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
学校运动会通讯稿
2015/07/18 职场文书
学习心得体会
2019/06/20 职场文书
TS 类型兼容教程示例详解
2022/09/23 Javascript