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

时间:2013-10-10 18:52:13

标签: javascript function-expression

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

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

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

2 个答案:

答案 0 :(得分:7)

有些人喜欢这样做,因为如果发生错误,你的函数就会有名字。这主要是一个偏好问题,以及你经常使用未命名函数的问题。

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

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

通过这种方式,你知道哪个参数是哪个,它们被标记,如果其中一个参数失败,你就可以准确地指出哪一个破坏了。

答案 1 :(得分:6)

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

标识符bar仅为available inside of the function。尝试

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

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

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

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