Missing space before function parentheses.eslint(space-before-function-paren)

最新推荐文章于 2026-07-22 09:27:14 发布

原创最新推荐文章于 2026-07-22 09:27:14 发布 · 1.7w 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

eslint

本文深入探讨了ESLint中关于函数名称与开始参数间空格的规则，解释了space-before-function-paren规则的作用及如何通过配置解决常见的语法检测问题。了解不同场景下匿名与命名函数的空格要求，掌握正确配置方法。

我们在eslint语法检测环境下经常会看到一些语法规则的报错，但是大家不要惊慌，其实很容易解决

报这个错误的原因是函数名称或function关键字与开始参数之间缺少空格，可以通过修改eslint的配置文件来更改语法检测规则

在--fix命令行上的选项可以自动修复一些被这条规则反映的问题。

格式化函数时，函数名称或function关键字与开始参数之间允许有空格。命名函数还需要function关键字和函数名称之间的空格，但匿名函数不需要空格。例如：

function withoutSpace(x) {
    // ...
}

function withSpace (x) {
    // ...
}

var anonymousWithoutSpace = function() {};

var anonymousWithSpace = function () {};

样式指南在function匿名函数的关键字之后可能需要一个空格，而另一些则不指定空白。同样，函数名称后面的空格可能需要也可能不需要。

规则细节

此规则旨在在函数括号之前强制执行一致的间距，因此，只要空格不符合指定的偏好，就会发出警告。

选项

此规则具有字符串选项或对象选项：

{
    "space-before-function-paren": ["error", "always"],
    // or
    "space-before-function-paren": ["error", {
        "anonymous": "always",
        "named": "always",
        "asyncArrow": "always"
    }],
}