javascript - 为什么我可以在 JavaScript 中定义函数之前使用它？

Question

此代码始终有效，即使在不同的浏览器中也是如此:

function fooCheck() {
  alert(internalFoo()); // We are using internalFoo() here...

  return internalFoo(); // And here, even though it has not been defined...

  function internalFoo() { return true; } //...until here!
}

fooCheck();

不过，我找不到一个关于它为什么会起作用的单一引用。我首先在 John Resig 的演示文稿中看到了这一点，但只是提到了这一点。那里或任何地方都没有任何解释。

有人能告诉我吗？

Answer 1

function 声明很神奇，它会在其代码块* 中的任何内容执行之前绑定(bind)其标识符。

这不同于带有 function 表达式的赋值，后者以正常的自上而下的顺序进行计算。

如果您将示例更改为:

var internalFoo = function() { return true; };

它会停止工作。

函数声明在语法上与函数表达式完全不同，尽管它们看起来几乎相同并且在某些情况下可能会模棱两可。

这在 ECMAScript standard 中有记录。 ，第 10.1.3 节。不幸的是，即使按照标准，ECMA-262 也不是一个可读性很强的文档!

*:包含函数、 block 、模块或脚本。