如何在.js文件中声明全局变量
[英]How to declare a global variable in a .js file
问题描述
我需要所有.js文件中需要的一些全局变量。
例如，考虑以下4个文件：
-
global.js -
js1.js -
js2.js -
js3.js
考虑到我将上述所有4个文件都加载到HTML文档中，有没有一种方法可以在global.js声明3个全局变量并在其他3个.js文件中访问它们？
有人可以告诉我这是否可行吗，或者有解决的办法吗？
5 个解决方案
解决方案1
90 已采纳 2009-06-03 11:48:50
只需在函数范围之外的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文件的加载中断初始页面加载，则可以在结束<body> -tag之前的脚本标签中进行链接。
解决方案2
85 2009-06-03 12:09:01
推荐的方法是：
window.greeting = "Hello World!"
然后，您可以在任何函数中访问它：
function foo() {
alert(greeting); // Hello World!
alert(window["greeting"]); // Hello World!
alert(window.greeting); // Hello World! (recommended)
}
首选此方法有两个原因。
目的是明确的。 使用
var关键字可以很容易地导致声明旨在用作局部vars全局vars，反之亦然。 对于许多Javascript开发人员来说，这种变量作用域是一个混淆点。 因此，作为一般规则，我确保所有变量声明都以关键字var或prefixwindow。您还可以标准化语法以这种方式读取变量，这意味着本地范围内的
var不会破坏全局var，反之亦然。 例如，这里发生的事情是模棱两可的：
greeting = "Aloha";
function foo() {
greeting = "Hello"; // overrides global!
}
function bar(greeting) {
alert(greeting);
}
foo();
bar("Howdy"); // does it alert "Hello" or "Howdy" ?
但是，这更加简洁，而且不易出错（您实际上不需要记住所有变量作用域规则）：
function foo() {
window.greeting = "Hello";
}
function bar(greeting) {
alert(greeting);
}
foo();
bar("Howdy"); // alerts "Howdy"
解决方案3
7 2009-06-03 11:48:38
你试过了吗？
如果您这样做：
var HI = 'Hello World';
在global.js 。 然后执行：
alert(HI);
在js1.js它会js1.js警报。 您只需要在HTML文档中的其余部分之前包含global.js 。
唯一的问题是您必须在窗口范围内（而不是在任何函数内）声明它。
您可以修改var部分并以这种方式创建它们，但这不是一个好习惯。
解决方案4
5 2014-04-06 11:37:49
如上所述，在脚本文件中使用最高级作用域存在一些问题。 这是另一个问题：在某些运行时环境中，脚本文件可能是从不是全局上下文的上下文中运行的。
已经提出直接将全局分配给window 。 但这也与运行时有关 ，并且不能在Node等中使用。这表明可移植全局变量管理需要仔细考虑和付出额外的努力。 也许他们会在将来的ECMS版本中对其进行修复！
就目前而言，我建议使用类似的方法来支持所有运行时环境的适当全局管理：
/**
* Exports the given object into the global context.
*/
var exportGlobal = function(name, object) {
if (typeof(global) !== "undefined") {
// Node.js
global[name] = object;
}
else if (typeof(window) !== "undefined") {
// JS with GUI (usually browser)
window[name] = object;
}
else {
throw new Error("Unkown run-time environment. Currently only browsers and Node.js are supported.");
}
};
// export exportGlobal itself
exportGlobal("exportGlobal", exportGlobal);
// create a new global namespace
exportGlobal("someothernamespace", {});
键入的内容更多，但可以使全局变量管理永不过时。
免责声明：在查看早期版本的stacktrace.js时，我想到了部分想法。
我认为，还可以使用Webpack或其他工具来获得对运行时环境的更可靠和可靠的检测。
解决方案5
2 2009-06-03 11:49:10
是的，您可以访问它们。 您应该在“公共空间”（任何函数之外）中将它们声明为：
var globalvar1 = 'value';
您以后可以在其他文件中访问它们。
如何从外部js文件中声明全局变量？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.