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

一尘不染

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

javascript

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

例如，考虑以下4个文件：

global.js
js1.js
js2.js
js3.js

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

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

阅读 1218

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