如何将 JavaScript 函数表达式保存在内存中？

Question

let sayBye = function () {    console.log(`Bye`);}let bye = sayBye;   sayBye = null;    // Xbye();            // Y在问这个问题之前，我在谷歌上搜索了一下，发现了这篇文章。然后我想，在 X 行之前，结构类似于这样：sayBye ---------------                                                                    |                            |  => function() {....}                      |bye-------------------x行之后，我认为是这样的：sayBye                        MEMORY                                                                                        |  => function() {....}                      |bye-------------------但是当我在 Firefox 开发者工具中写下再见时，我看到了这个这怎么可能？当我写的时候，let bye = sayBye;sayBye 被复制了吗？let sayBye = function () {    console.log(`Bye`);}let bye = sayBye;   sayBye = null;    // Xbye();            // Yconsole.log(bye);

Answer 1

变量和方法可以从语法位置推断匿名函数的名称（ECMAScript 2015 中的新增功能）。

"sayBye"Chrome 和 Firefox在打印时都会给出bye.name.

---

bye.toString()根据个人实验，Chrome 控制台会在询问 时显示bye，而 Firefox 会显示他们的自定义输出，其中显示推断的函数名称（这确实有意义，因为知道名称通常有助于调试）。

Answer 2

函数是对象，因此赋值 x = y 不会被复制。我尝试了这个 Nodejs 我得到

Bye

[Function: sayBye]

如果你没有命名函数，JS 会自动为其添加名称。在 ES6 中，您可以使用 myFunction.name检查函数的名称，即“name”是函数对象的属性。重要的是，这是只读属性。好的做法是使用constwhile letusing 函数表达式。另外，如果可能的话，尝试命名函数，这样在调用堆栈上调试就很容易

Answer 3

您对函数的名称感到困惑。

记忆中的事情发生的方式和你想象的完全一样。

但是，该函数没有显式名称，因此浏览器为该函数提供了一个隐式名称，即首先分配给它的变量或对象属性的名称，在本例中为sayBye.

然后，它被分配给另一个变量，但名称不变。

如果你给它一个明确的名称，你可以看到这一点：

//  Explicit name ----vvvv

let sayBye = function myFn() {

    console.log(`Bye`);

}

let bye = sayBye;   

sayBye = null;    // X

bye();            // Y

console.log(bye);