no-whitespace-before-property

禁止属性前出现空格

🔧

此规则报告的一些问题可以通过 --fix 命令行选项自动修复。

此规则在 ESLint v8.53.0 中已 **弃用**。请使用对应的规则在 @stylistic/eslint-plugin-js 中。

JavaScript 允许在对象及其属性之间使用空格。但是，不一致的空格可能会使代码难以阅读并可能导致错误。

foo. bar .baz . quz
1

规则详情

此规则禁止在对象属性的点或开括号之前使用空格，前提是它们在同一行。如果对象和属性在不同的行上，则此规则允许使用空格，因为在较长的属性链中添加换行符很常见。

foo
  .bar()
  .baz()
  .qux()
1
2
3
4

此规则的错误代码示例

在 Playground 中打开

/*eslint no-whitespace-before-property: "error"*/

foo [bar]

foo. bar

foo .bar

foo. bar. baz

foo. bar()
  .baz()

foo
  .bar(). baz()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

此规则的正确代码示例

在 Playground 中打开

/*eslint no-whitespace-before-property: "error"*/

foo.bar

foo[bar]

foo[ bar ]

foo.bar.baz

foo
  .bar().baz()

foo
  .bar()
  .baz()

foo.
  bar().
  baz()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

何时不使用它

如果您不关心在同一行上的对象属性的点或开括号之前是否允许空格，则可以关闭此规则。

版本

此规则在 ESLint v2.0.0-beta.1 中引入。

资源

编辑此页面