不同文件之间的提升

Question

有没有办法在不同文件中的源代码之间进行函数和变量提升？也就是说，类似的事情

//Inside firstfile.js
foo === "bar" //should return true

我

//Inside secondfile.js
function bar() {
    this.foo = "bar";
}

想这是不可能的，因为大多数 javascript 引擎会按顺序单独解析和执行不同的文件，但我不确定。

我不知道这是否在 ECMA 的规范中，因为不同文件的解析实际上并不是该语言的一部分。

Answer 1

我最初认为这是一个比实际出现的更有趣的问题。我认为这个问题的答案是每个

例如，在单个脚本中：

<script type="text/javasscript">
    alert(typeof foo);
    function foo() {}
</script>

... 警告“function”，因为函数声明已提升，但将两行拆分为单独的

<script type="text/javasscript">
    alert(typeof foo);
</script>
<script type="text/javasscript">
    function foo() {}
</script>

... 警告“undefined” ”，因为第一个脚本是在第二个脚本被解析之前执行的。

Answer 2

单独加载的 Javascript 源都会影响全局上下文。因此，

window.foo = "bar";

在一个源文件中将允许另一个源（随后加载）进行检查：

if (window.foo === "bar") {
  // do something
}

这必须有效，否则将无法创建类似于所有流行的 Javascript 框架的东西。

“this”关键字仅在函数内部有意义，其值与函数所在的源文件无关（至少没有任何直接意义）。

编辑 - 我想这里有趣的是Javascript解释器行为（使用问题中的术语）在正在评估的块中的其他代码之前“提升”函数声明。当浏览器加载它们时，这也是逐个脚本完成的。因此，脚本块中的函数声明在每个块中的其他代码之前被解释，但单个

如果您使用 LabJS 或enhance.js 之类的东西来加载脚本，事情会变得更加复杂，但我不知道在任何上下文中您可以依赖脚本以某种方式“混合在一起”除非您明确在服务器上组合它们。

Answer 3

浏览器遇到的所有脚本标签都会立即解析并执行。这是因为 document.write API 可能需要浏览器向 DOM 输出一些内容。这意味着在这种情况下#script1 必须在#script2 之前完成。

<script id="script1"></script>
<script id="script2"></script>

您可能想检查使用 ASYNC 和 DEFER 属性时的行为。它们在 Webkit 中得到支持。