即使在不同的浏览器中,此代码也始终有效:
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 的演示文稿中看到了这一点,但只是提到了这一点。那里或任何地方都没有任何解释。
有人可以启发我吗?
该function声明很神奇,它会在其代码块*中的任何内容被执行之前绑定其标识符。
function
这与带有function表达式的赋值不同,后者以正常的自上而下的顺序进行评估。
如果您将示例更改为:
var internalFoo = function() { return true; };
它会停止工作。
函数声明在语法上与函数表达式完全不同,尽管它们看起来几乎相同并且在某些情况下可能会模棱两可。
这在ECMAScript 标准第 10.1.3 节中有记录。不幸的是,即使按照标准,ECMA-262 也不是一个可读性很强的文档!
*:包含函数、块、模块或脚本。