带有全局变量的Javascript中有趣的范围问题

Question

我有一个包含许多模块的大型JS应用程序，最终将与browersify.捆绑在一起browersify. 但是因为我不想让我的整个团队安装Node.js并在每次更改角色时重建，我希望模块在开发时全局注册。 我一直在使用标准注册模块，如下所示：

// if browserify
if (typeof module === "object" && module.exports) {
    module.exports = myModule;
} else { window.myModule = myModule; }

这是它变得时髦的地方：当在主app.js文件中需要依赖项时，我这样做：

if (typeof module === "object" && module.exports) {
    var myModule = require("./js/myModule");
} // otherwise it's assumed to be globe, which console.log(window) confirms
console.log(myModule);

这个控制台日志以未定义的形式返回，所以我需要一个else行：} else {myModule = window.myModule; }

这里有一个简单的jsFiddle作为概念证明：

if (false) {
    var test = "Hello World";
} else {
  window.test = "Hello Globe";
}

document.getElementById("console").innerHTML = test;

在这种情况下， test未定义。

让我感到困惑的是，从不运行的if语句的内容似乎仍然将test作为局部变量注册。 那是怎么回事？ 或者我只是不明白全局变量是如何工作的？ 我认为注册到window任何内容都可以通过它自己的名称来调用，就像我们不必每次都编写window.jQuery一样。

Answer 1

Javascript提升var声明，因为你在if语句中声明不是新范围，基本上有这样的：

if (false) {
    var test = "Hello World";
} else {
  window.test = "Hello Globe";
}

有这样的：

var test;
if (false) {
  test = "Hello World";
} else {
  window.test = "Hello Globe";
}

这就是为什么在范围的开头声明变量是一个好习惯，请检查以下示例：

var test = "Hello World From outside";
function(){
  console.log(test);
  if (false) {
    var test = "Hello World From inside"
  }
}

这个例子将输出：“不确定”的变种测试提升到范围的顶端，在这种情况下，函数的覆盖外变量声明虽然我们永远不会进入到了顶部if