如何在JavaScript中声明全局变量？

Question

如何在JavaScript中声明全局变量？

Answer 1

如果必须在生产代码中生成全局变量（应避免使用），请务必显式声明它们：window.globalVar = "This is global!";虽然可以通过省略来定义全局变量var（假设没有同名的局部变量），但是这样做会生成隐式全局，这是一件不好的事，并且在严格模式下会产生错误。

Answer 2

如果这是您唯一要使用此变量的应用程序，则Felix的方法很好。但是，如果要编写jQuery插件，请考虑jQuery对象下所需的“ namespacing”（稍后在引号上进行详细说明...）变量和函数。例如，我目前正在使用一个名为miniMenu的jQuery弹出菜单。因此，我miniMenu在jQuery下定义了一个“命名空间” ，并将所有内容放置在其中。我在谈论javascript名称空间时使用引号的原因是，从通常意义上说，它们并不是真正的名称空间。相反，我只使用一个javascript对象并将所有函数和变量作为该对象的属性。另外，为方便起见，我通常将插件名称空间与i仅用于内部内部使用的东西的名称空间子空间隔开，以便对插件用户隐藏它。它是这样工作的：// An object to define utility functions and global variables on:$.miniMenu = new Object(); // An object to define internal stuff for the plugin:$.miniMenu.i = new Object();现在，我可以做$.miniMenu.i.globalVar = 3或$.miniMenu.i.parseSomeStuff = function(...) {...}每当我需要在全球范围内保存的东西，我仍然保持它的全局命名空间。

Answer 3

相反，我建议您了解JavaScript中的作用域和闭包旧的错误答案： 使用jQuery，无论声明在哪里，都可以执行以下操作：$my_global_var = 'my value';并将随处可见。当图像散布在不同的地方时，我用它来制作快速的图像库，如下所示：$gallery = $('img');$current = 0;$gallery.each(function(i,v){&nbsp; &nbsp; // preload images&nbsp; &nbsp; (new Image()).src = v;});$('div').eq(0).append('<a style="display:inline-block" class="prev">prev</a> <div id="gallery"></div> <a style="display:inline-block" class="next">next</a>');$('.next').click(function(){&nbsp; &nbsp; $current = ( $current == $gallery.length - 1 ) ? 0 : $current + 1;&nbsp; &nbsp; $('#gallery').hide().html($gallery[$current]).fadeIn();});$('.prev').click(function(){&nbsp; &nbsp; $current = ( $current == 0 ) ? $gallery.length - 1 : $current - 1;&nbsp; &nbsp; $('#gallery').hide().html($gallery[$current]).fadeIn();});提示：在此页面的控制台中运行整个代码；-)