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 相关文章推荐
JavaScript中的其他对象
Jan 16 Javascript
如何在一个页面显示多个百度地图
Apr 07 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
Sep 14 Javascript
探究JavaScript函数式编程的乐趣
Dec 14 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
jQuery使用unlock.js插件实现滑动解锁
Apr 04 jQuery
JavaScript创建对象_动力节点Java学院整理
Jun 27 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
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
PHP实现的功能是显示8条基色色带
2006/10/09 PHP
php中的一个中文字符串截取函数
2007/02/14 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
如何实现JS函数的重载
2006/09/22 Javascript
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
jQuery Ajax之load()方法
2009/10/12 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
jQuery简单实现MD5加密的方法
2017/03/03 Javascript
JavaScript编写一个贪吃蛇游戏
2017/03/09 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python是编译运行的验证方法
2015/01/30 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
Django框架 信号调度原理解析
2019/09/04 Python
如何使用Pytorch搭建模型
2020/10/26 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
异步传递消息系统的作用
2016/05/01 面试题
技术学校毕业生求职信分享
2013/12/02 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
《孔子游春》教学反思
2014/02/25 职场文书
体育教师求职信
2014/06/30 职场文书
爱的承诺书
2015/01/20 职场文书
2015年电话客服工作总结
2015/05/18 职场文书
2015大一新生军训感言
2015/08/01 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
Mysql MVCC机制原理详解
2021/04/20 MySQL
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python