WEB开发网
开发学院网页设计JavaScript Javascript匿名函数的一种应用:封装 阅读

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

 2010-06-28 00:00:00 来源:WEB开发网   
核心提示:在一些Javascript库中可以看见这种写法:(function(){//所有库代码代码})();说实话,对于js初学者的我来说,Javascript匿名函数的一种应用:封装,这个东西太吓人了,在这些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 = function(){
    return double(this.x);
  }
}
 
//使用
f = new F(12);
alert(f.getDoubleX());

上面的代码很简单,我没有去运行它。懂点js的都知道这是JS的类定义方式。函数F相当于一个构造函数,而函数里面的其他定义都是函数私有的外部无法访问,例如double函数。这样就变相实现了私有方法。其他打上“this.”前缀的成员相当于公开成员,外部可以访问。

而这些库之所以要用一个大函数包裹整个库代码,就是为了不向使用者暴露内部方法和变量,强制用户只能访问开放的API。从这一点可以开出这些开发者的良苦用心。

到这里我不禁又要问了,js如何实现继承呢。希望这一次的答案不要像上一次一样:不支持。

Tags:Javascript 匿名 函数

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接