javascript的7个技巧 4

匿名函数和模块化

在JavaScript里最令人懊恼的事情是变量没有使用范围。任何变量，函数，数组，对象，只要不在函数内部，都被认为是全局的，这就是说，这个页面上的其它脚本也可以访问它，而且可以覆盖重写它。

解决办法是，把你的变量放在一个匿名函数内部，定义完之后立即调用它。例如，下面的写法将会产生三个全局变量和两个全局函数：

·········10········20········30········40········50········60········

01. var name= 'Chris';

02. var age= '34';

03. var status= 'single';

04. function createMember(){

05. //[...]

06. }

07. function getMemberDetails(){

08. //[...]

09. }

如果这个页面上的其它脚本里也存在一个叫 status 的变量，麻烦就会出现。如果我们把它们封装在一个 myApplication里，这个问题就迎刃而解了：

·········10········20········30········40········50········60········

01. var myApplication= function(){

02. var name= 'Chris';

03. var age= '34';

04. var status= 'single';

05. function createMember(){

06. //[...]

07. }

08. function getMemberDetails(){

09. //[...]

10. }

11. }();

但是，这样一来，在函数外面就没有什么功能了。如果这是你需要的，那就可以了。你还可以省去函数的名称：

·········10········20········30········40········50········60········

01. (function(){

02. var name= 'Chris';

03. var age= '34';

04. var status= 'single';

05. function createMember(){

06. //[...]

07. }

08. function getMemberDetails(){

09. //[...]

10. }

11. })();

如果你想在函数外面也能使用里面的东西，那就要做些修改。为了能访问 createMember() 或getMemberDetails(),你需要把它们变成 myApplication的属性，从而把它们暴露于外部的世界: