Javascript匿名函数的一种应用 代码封装 |
|
在一些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如何实现继承呢 。希望这一次的答案不要像上一次一样：不支持 。 |
