关于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调用。
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中却可以作为全局变量。