分配给函数是否会覆盖该函数或创建隐式全局？

Question

在 JavaScript 中，我们可以声明一个函数，然后为其赋值，如下所示：

function spam() { return "spam 'n eggs"; }
spam = spam();
spam(); // TypeError: spam is not a function.

此代码是否会更改名为 spam 的全局变量的值，或者创建一个隐藏函数 spam 的隐式全局变量？

Answer 1

它不会覆盖函数，但会为该变量分配一个字符串。第一行定义的函数返回一个字符串，并且因为第二行将

spam

设置为等于返回值（因为该函数被调用（注意括号）），所以垃圾邮件是一个 string。

在浏览器控制台中尝试此操作：

window.spam

。在第一行之后，它应该显示该功能。然后在第二行之后应该显示该字符串。

function spam() {
  return "spam 'n eggs";
}
console.log('typeof spam: ',typeof spam, 'typeof window.spam: ',typeof window.spam);
spam = spam(); //spam is assigned a string
console.log('typeof spam: ',typeof spam, 'typeof window.spam: ',typeof window.spam);
spam(); // TypeError: spam is not a function.

如果我们将该代码移至函数内，则 var 关键字可用于局部作用域：

function assignSpam() {
        var spam = function() { return "spam 'n eggs"; }
        console.log('typeof spam after initial assignment: ',typeof spam);
        spam = spam(); //spam is assigned a string
        console.log('typeof spam after assigning to spam(): ',typeof spam);
        spam(); // TypeError: spam is not a function.
    }
    assignSpam();
    spam; //undefined

服务器端 javascript（例如 NodeJS）中的结果应该类似。

Answer 2

这段代码是否会覆盖名为 spam 的全局变量所持有的函数，

不。分配给 spam 的初始值是对该函数的引用。分配新值不会改变函数，它只是为 spam 分配新值。

例如

function spam(){return 'I am spam';}

var b = spam;

spam = spam();

console.log(spam) // 'I am spam'

console.log(b);   // Original "spam" function

console.log(b()); // 'I am spam'

或者创建一个隐式全局变量来隐藏函数垃圾邮件？

它只是为 spam 分配一个新值。原始函数对象仍然存在，但如果没有其他引用它，则它可用于垃圾回收。