Javascript中的模棱两可的函数声明

Question

我是 Javascript 新手，对函数声明的工作方式感到困惑。我对此进行了一些测试，得到了一些有趣的结果：

say();

function say()
{
    alert("say");
}

前向声明有效并弹出“说”

对面

say();

say = function()
{
    alert("say");
}

没用，虽然它也声明了一个函数对象

如果我们声明函数并在之后重新声明：

function say()
{
    alert("speak");
}

say();

function say()
{
    alert("say");
}

我得到的是“说”而不是“说”。太惊喜了！

好的。似乎只有最新的函数声明有效。然后让我们先声明函数对象，然后是“常规”函数：

say = function()
{
    alert("speak");
}

say();

function say()
{
    alert("say");
}

say();

另一个惊喜，它是“说话”，然后是“说话”。 “常规”函数声明根本不起作用！

对所有这些都有解释吗？而且，如果“常规”函数声明真的那么“脆弱”并且可以很容易地被同名的函数对象覆盖，我应该远离它吗？

另一个问题是：只有函数对象格式，这种前向声明是不可能的吗？有没有办法在 Javascript 中“模拟”它？

Answer 1

Javascript 是这样工作的：

在执行实际语句之前，文档被解析，function 声明都被立即考虑在内。这解释了您的第一个示例。

如果您将函数分配给局部变量，那是在执行期间完成的，因此您不能在第二个示例中使用该方法。

你的经验是，如果你两次声明一个函数，最后一个将被整个应用程序使用。这是你的第三个例子。

这些函数是window 对象的成员，它们实际上是全局声明的。如果将局部变量分配给函数的值，则该局部变量优先于 window 对象中的成员。如果 javascript 找不到局部变量，它会在范围内搜索以找到它，window 对象是最后的手段。这就是您上一个示例中发生的情况，它有一个变量 say，其范围比全局函数 say 更具体。

如果您在运行时重新声明 say，即交换上一个示例中的声明顺序，那么您会看到两个不同的警报：

say(); //speak, the global function

function say() {
  alert('speak');
}

var say = function() {
  alert('say');
}

say(); //say, the declared local variable

Answer 2

say();

function say()
{
    alert("say");
}

这里解释器在调用时获取say()的定义，并执行它。

say();

say = function()
{
    alert("say");
}

这里没有要获取的say() 的定义——而是将匿名函数分配给变量。解释器无法“找到”它，就像它可以找到前向声明一样。

function say()
{
    alert("speak");
}

say();

function say()
{
    alert("say");
}

这里 say 被定义然后重新定义 - 最后一个定义胜出。

say = function()
{
    alert("speak");
}

say();

function say()
{
    alert("say");
}

say();

这里say 是一个指向匿名函数的变量（在解释第一条语句之后）。这优先于任何函数定义，就像您将函数定义放在赋值之前一样。

如果你有

say();

say = function()
{
    alert("speak");
}

say();

function say()
{
    alert("say");
}

然后你会得到“说”，然后是“说”。

Answer 3

您可以期望按顺序应用您的函数定义。然后你所有的非方法代码行都会按顺序执行，包括函数对象的赋值。这解释了您的每个示例。不过，这是一个有趣的问题。你真的不能在试图调用它之后分配一个函数对象，并期望它工作。但是，实际上将首先应用可执行代码之后的函数定义。

Answer 4

以后调用函数总是好的，即使 javascript 就是这样工作的。

大多数语言不会那样工作，而是这样做。

function say(){
    alert("say");
}

say();

或

say = function(){
    alert("say");
}

say();

或

(function(){
    alert("say");
})();