SyntaxError: function statement requires a name

错误提示

SyntaxError: function statement requires a name [Firefox]
SyntaxError: Unexpected token ( [Chrome]

错误类型

SyntaxError

哪里出错了？

函数声明需要提供函数名称。你需要检查函数是如何定义的，是否需要为其提供名称，出现问题的函数是否需要声明为函数表达式或立即调用函数表达式（IIFE），以及函数在上下文环境中出现的位置是否正确。

示例

语句与表达式

函数语句（或函数声明）需要命名，以下写法是不正确的：

js
function () {
  return 'Hello world';
}
// SyntaxError: function statement requires a name

你可以使用函数表达式（赋值）来代替：

js
var greet = function () {
  return "Hello world";
};

者是你想将其作为立即调用函数表达式（IIFE，Immediately Invoked Function Expression），也就是定义后立即执行的函数。在这种情况下你需要用到更多的括号：

js
(function () {})();

标号函数 (Labeled functions)

你使用函数标号 (labels)的时候，也需要在关键词 function 后面提供一个函数名称。这样的代码是不能运行的：

js
function Greeter() {
  german: function () {
    return "Moin";
  }
}
// SyntaxError: function statement requires a name

这个例子可以正常运行：

js
function Greeter() {
  german: function g() {
    return "Moin";
  }
}

对象方法

如果你想创建创建一个对象方法，那么需要首先创建一个对象。以下语法（function 关键字后面没有提供名称）是合法的：

js
var greeter = {
  german: function () {
    return "Moin";
  },
};

回调函数的语法

另外，如果使用到了回调函数，那么检查一下语法是否正确。大括号与逗号很容易使情况变糟。

js
promise.then(
  function() {
    console.log("success");
  });
  function() {
    console.log("error");
}
// SyntaxError: function statement requires a name

正确的形式应该是这样的：

json
promise.then(
  function() {
    console.log("success");
  },
  function() {
    console.log("error");
  }
);

相关内容