我们有很多设置 JS 代码，用于定义将在许多其他 JS 文件中使用的面板、按钮等。
通常，我们会执行以下操作：
网格.js
var myGrid = .....
组合.js
var myCombo = .....
然后，在我们的应用程序代码中，我们：
应用程序.js
function blah() {
myGrid.someMethod()
}
其他人.js
function foo() {
myCombo.someMethod();
myGrid.someMethod();
}
那么，我们应该使用var myGrid还是更好地使用window.myGrid
有什么不同？
功能上一个潜在的重要差异是window.myGrid可以delete和var myGrid不能。
var test1 = 'value';
window.test2 = 'value';
console.log( delete window.test1 ); // false ( was not deleted )
console.log( delete window.test2 ); // true ( was deleted )
console.log( test1 ); // 'value' ( still accessible )
console.log( test2 ); // ReferenceError ( no longer exists )
我建议创建一个命名空间变量 var App = {};
App.myGrid = ...
这样你就可以限制全局命名空间的污染。
编辑：关于变量数量问题 - 想到了 2 种可能的解决方案：
例如：你有
function foo() {
myCombo.someMethod();
myGrid.someMethod();
}
变成：
var Foo = function(combo, grid) {
var myCombo = combo;//will be a private property
this.myGrid = grid;//will be a public property
this.foo = function() {//public method
myCombo.someMethod();
myGrid.someMethod();
}
}
App.myFoo = new Foo(someCombo, someGrid);
App.myFoo.foo();
这样你就可以限制小对象的数量，只暴露你需要的东西（即 foo 函数）
PS：如果需要暴露内部组件，则在构造函数中将它们添加到 this 中
一个很好的用途window.variable是您可以在没有 javascript 错误的情况下检查它。例如，如果您有：
if (myVar) {
//do work
}
并且myVar未在页面上的任何地方定义，您将收到 javascript 错误。然而：
if (window.myVar) {
//do work
}
没有错误，并且按预期工作。
var myVar = 'test'并且window.myVar = 'test'大致相等。
除此之外，正如其他人所说，您应该从一个全局对象下降以避免污染全局命名空间。
在全局范围内，两者实际上在功能方面是等效的。在函数范围内，var当需要闭包的行为时当然更可取。
我会一直使用var：首先，它与闭包中通常首选的行为一致（因此，如果您稍后决定将代码移动到闭包中会更容易），其次，它对我来说感觉更语义化说我正在创建一个变量而不是附加窗口的属性。但在这一点上主要是风格。
这个问题的一般答案是使用var.
更具体地说，始终将您的代码放在立即调用函数表达式 (IIFE) 中：
(function(){
var foo,
bar;
...code...
})();
这可以防止变量像foo和bar污染全局命名空间。然后，当您明确希望变量位于全局对象上时（通常为window），您可以编写：
window.foo = foo;
JavaScript 具有功能范围，充分利用它真的很好。你不希望你的应用程序因为其他程序员做了一些愚蠢的事情而崩溃，比如覆盖了你的计时器句柄。