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

标签 javascript global-variables

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

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

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

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

有人可以告诉我这是否可行,或者是否有解决方法来实现这一点?

最佳答案

只需在函数范围外的 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 文件的加载中断初始页面加载,您可以在结束 标签之前链接脚本标签。

关于javascript - 如何在 .js 文件中声明全局变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/944273/

相关文章:

javascript - 如何停止滑动,如果 flexslider 中只有一张图片

delphi - Delphi中的全局变量

vba - 声明要在 Module1 中初始化并在 UserForm 模块中使用的变量

javascript - 为什么 SVG 路径元素比 SVG 框大

javascript - 从 php 发送 json 到自动完成并在输入中添加数据属性

javascript - 在 iframe 加载函数之前

ios - 如何管理全局变量

javascript - 如何在 vue.js 中全局公开 app.vue 中的变量

javascript - 使用闭包编译器删除 console.log

javascript - 单击添加行 td 并自动完成