小编典典

如何在.js文件中声明全局变量

javascript

我需要所有.js文件中都需要的一些全局变量。

例如,考虑以下4个文件:

  1. global.js
  2. js1.js
  3. js2.js
  4. js3.js

考虑到我将上述所有4个文件都加载到HTML文档中,有没有一种方法可以在其中声明3个全局变量global.js并在其他3个.js文件中的任何一个中访问它们?

有人可以告诉我是否可行,还是可以解决这个问题?


阅读 1275

收藏
2020-05-01

共1个答案

小编典典

只需在函数范围之外的global.js中定义变量:

// global.js
var global1 = "I'm a global!";
var global2 = "So am I!";

// other js-file
function testGlobal () {
    alert(global1);
}

为确保此方法有效,您必须先包含/链接到global.js,然后再尝试访问该文件中定义的任何变量:

<html>
    <head>
        <!-- Include global.js first -->
        <script src="/YOUR_PATH/global.js" type="text/javascript"></script>
        <!-- Now we can reference variables, objects, functions etc. 
             defined in global.js -->
        <script src="/YOUR_PATH/otherJsFile.js" type="text/javascript"></script>
    </head>
    [...]
</html>

当然,如果您不想让js文件的加载中断初始页面加载,则可以在结束 -tag之前链接脚本标签。

2020-05-01