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 数组运用实现代码
Apr 13 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
jQuery 全选/反选以及单击行改变背景色实例
Jul 02 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 Javascript
微信小程序实现星级评价
Nov 20 Javascript
JS造成内存泄漏的几种情况实例分析
Mar 02 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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
一些花式咖啡的配方
2021/03/03 冲泡冲煮
PHP音乐采集(部分代码)
2007/02/14 PHP
php Smarty 字符比较代码
2011/02/27 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
Python中使用PIPE操作Linux管道
2015/02/04 Python
python Django框架实现自定义表单提交
2016/03/25 Python
python操作mysql数据库
2017/03/05 Python
python groupby 函数 as_index详解
2019/12/16 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
python实现图片素描效果
2020/09/26 Python
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
生物科学专业个人求职信范文
2013/12/07 职场文书
工业设计专业个人求职信范文
2013/12/28 职场文书
实习报告评语
2014/04/26 职场文书
毕业生面试求职信
2014/06/23 职场文书
党支部活动策划方案
2014/08/18 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
基于Python实现西西成语接龙小助手
2022/08/05 Golang