现在的位置: 首页 > web前端 > 正文

javascript的7个技巧 4

2019年03月05日 web前端 ⁄ 共 1103字 ⁄ 字号 评论关闭

匿名函数和模块化

在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的属性,从而把它们暴露于外部的世界:

抱歉!评论已关闭.