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

What is the point of using a named function expression?

本文关键字:什么 表达式 函数      更新时间:2023-09-26

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

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

// 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"的意义是什么?一般来说,为什么使用命名函数表达式?

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

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

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

这样你就知道哪个论点是哪个,它们被标记出来,如果其中一个失败了,你就会得到一个精确的指示,哪个论点坏了。

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。