在JavaScript中给变量赋值时，使用命名函数的目的是什么?

What is the purpose using a named function when assigning to a variable in JavaScript?

本文关键字：函数 是什么 JavaScript 变量 赋值      更新时间：2023-09-26

我最近在https://github.com/yeoman/generator-webapp:

的源代码中发现了这个模式
AppGenerator.prototype.packageJSON = function packageJSON() {
  this.template('_package.json', 'package.json');
};

当你打算把它赋值给一个变量或对象属性时，给函数命名为"packageJSON"的目的是什么?在类似的情况下，我总是使用匿名函数。

用于调试。如果使用命名函数，您可以在您喜欢的开发工具的调用堆栈跟踪中看到该名称。否则您将看到anonymous function .

这被称为命名函数表达式(或NFE)，它使调试过程更容易。

要记住的一个重要细节是，此名称仅在新定义函数的作用域;规范要求标识符不应该对封闭作用域可用:

var f = function foo(){
  return typeof foo; // "foo" is available in this inner scope
};
// `foo` is never visible "outside"
typeof foo; // "undefined"
f(); // "function"

正如其他人所说，主要用于调试目的。但不仅如此。例如，您可以依赖这样一个事实:在函数体中，您可以使用您设置的名称访问函数本身。举一个愚蠢的例子:

var sum = function (a, b) {
    if (a < 3)
        return sum(3 + a, b);
    return a + b;
}
sum(1, 2) // 3;

让我们看看现在发生了什么:

var aSum = sum;
sum = null;
aSum(1, 3); // TypeError: sum is not a function

命名函数，将涵盖用例:

var sum = function sum(a, b) {
    if (a < 3)
        return sum(3 + a, b);
    return a + b;
}
sum(1, 2) // 6
var aSum = sum;
sum = null;
aSum(1, 2) // 6

这是因为在函数体中，函数名总是引用它，而不是像第一个例子那样来自另一个作用域。

相关文章：