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

2024-09-06 12:45:34

字体：大中小

来源：转载

供稿：网友

在一些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如何实现继承呢。希望这一次的答案不要像上一次一样：不支持。

上一篇：Jquery ui css framework

下一篇：Whatever:hover 无需javascript让IE支持丰富伪类