Javascript匿名函数的一种应用 代码封装
更新时间：2010年06月27日 01:41:30 作者：
说实话，对于js初学者的我来说。这个东西太吓人了，在这些JS库中，这个函数基本上把整个库的所有代码全括起来了，这种写法完全超越了我的常识。
在一些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如何实现继承呢。希望这一次的答案不要像上一次一样：不支持。
复制代码 代码如下:
(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如何实现继承呢。希望这一次的答案不要像上一次一样：不支持。
相关文章
本文主要介绍了react脚手架配置路径别名的方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
属性描述符是 ECMAScript 5 新增的语法,它其实就是一个内部对象,用来描述对象的属性的特性,下面小编就来为大家详细介绍一下js中对象属性描述符的使用,需要的可以参考下2023-11-11
这篇文章主要介绍了微信小程序缓存时效性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了JavaScript实现反转字符串的方法,结合实例形式分析了字符串反转操作,并详细讲述了相关函数的功能与使用注意事项,需要的朋友可以参考下2017-04-04
这篇文章主要为大家详细介绍了js实现拾色器插件ColorPicker，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
这篇文章主要为大家详细介绍了JS实现给不同元素设置不同的定时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
今天小编就为大家分享一篇layui导出所有数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
在javaScript项目开发中,异步编程是不可或缺的一部分,从网络请求到延时操作,异步操作使得我们能够在等待某个任务完成时继续执行其他任务,提高应用的响应性和性能,本文使用JavaScript实现一个异步队列来优雅地管理复杂的异步任务流,需要的朋友可以参考下2024-03-03
用javascript实现读取txt文档的脚本...2007-07-07
这篇文章主要介绍了一文理解JavaScript装饰器模式，文章基于JavaScript的相关资料展开详细介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-04-04
最新评论