javascript - 使用命名函数表达式有什么意义？

Question

我正在浏览这个关于函数声明和函数表达式之间区别的博客。

它给出了这两个例子。他们称第一个为“匿名函数表达式”，第二个为“命名函数表达式”。

// anonymous function expression
var a = function(){
   return 3;
}

// named function expression
var b = function bar(){
   return 3;
}

我在 Chrome 的 JS 控制台中测试了这两个，我看到以下内容：

a()
=> 3

b()
=> 3

bar()
=> bar is not defined

我的问题是：在第二个函数表达式声明中，“bar”的意义何在？一般来说，为什么要使用命名函数表达式？

score 7 · Accepted Answer

var b = function bar(){
   return 3;
}
bar()
=> bar is not defined

标识符bar仅在函数内部可用。尝试

var b = function bar() {
    console.log(bar);
}
b();

为什么要使用命名函数表达式？

允许引用未分配给可达变量或常量变量的函数表达式，例如用于IEFE中的递归。

此外，命名函数在调试期间显示不同，例如在调用堆栈（跟踪）或断点列表中。通常您可以使用（命名的）函数声明而不是函数表达式，另请参见http://blog.niftysnippets.org/2010/03/anonymouses-anonymous.html。

score 7 · Accepted Answer

有些人喜欢这样做，因为如果发生错误，你的函数有名字。这主要是一个偏好问题，以及您在使用未命名函数时遇到问题的频率。

您通常不会在声明中看到它var，而是在声明回调时看到它：

callbackFunction(function success() { ... }, function fail() { ... })

这样你就知道哪个参数是哪个参数，它们被贴上标签，如果其中一个失败了，你就可以准确地指出哪个参数失败了。

2 回答 2