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 中引入。

资源

编辑此页面