关于JavaScript变量的作用范围,前面已经有很多文章谈论到。比如"JavaScript tutorial: Variable scope and the var keyword "区分了var在不同上下文中对变量作用范围的影响。
然而采用独立JS文件并引入dojo.provide/require机制后,情况就变得比较有趣了。
测试的server-side文件结构如下:
其中,a.js为未使用dojo.provide声明的文件,在test.html中通过script-src调用。
c.js使用dojo.provide声明,在test.html中通过dojo.require调用。原文链接:/dojo/291745.html
test.html具体如下: <html> <head> <script type="text/javascript" src="/site_media/js/dojoroot/dojo/dojo.js.uncompressed.js""></script> <script type="text/javascript" src="/site_media/js/my/a.js" ></script> <script type="text/javascript"> dojo.registerModulePath("my","/site_media/js/my"); dojo.require("my.c"); </script> </head> <body> <script type="text/javascript"> a1 += 1; a2 += 1; c2 += 1; c1 += 1; </script> </body> </html> 1. Firefox 运行test.html后,在firebug console可以看到a1,a2,c1,c2的值都变成2了。符合变量作用范围的一般规则。 2. IE 运行test.html后,报错找不到c1。其他变量都变成了2。 由此看来,在dojo.provide声明的JS文件中,用var定义的变量在IE中并不被看作是全局变量;而在Firefox中却可以作为全局变量。