ESLint 样式

外观

@stylistic/js/

template-curly-spacing ​

我们可以使用一对 ${ 和 } 在模板字符串中嵌入表达式。

此规则可以根据风格指南强制在花括号对内部使用空格。

js
let hello = `hello, ${people.name}!`;

规则详情 ​

此规则旨在维护模板字面量内部空格的一致性。

选项 ​

json
{
    "template-curly-spacing": ["error", "never"]
}

此规则有一个选项，其值可以是 "never" 或 "always"。

  • "never"（默认） - 禁止花括号对内部使用空格。
  • "always" - 要求花括号对内部使用一个或多个空格。

示例 ​

never ​

使用默认 "never" 选项时，此规则的不正确代码示例

js
/*eslint @stylistic/js/template-curly-spacing: "error"*/

`hello, ${
 
people.name}!`;
`hello, ${people.name
 
}!`;

`hello, ${
 
people.name
 
}!`;
incorrect

使用默认 "never" 选项时，此规则的正确代码示例

js
/*eslint @stylistic/js/template-curly-spacing: "error"*/

`hello, ${people.name}!`;

`hello, ${
    people.name
}!`;
correct

always ​

使用 "always" 选项时，此规则的不正确代码示例

js
/*eslint @stylistic/js/template-curly-spacing: ["error", "always"]*/

`hello, ${ people.name
}
!`;
`hello, 
${
people.name }!`;

`hello, 
${
people.name
}
!`;
incorrect

使用 "always" 选项时，此规则的正确代码示例

js
/*eslint @stylistic/js/template-curly-spacing: ["error", "always"]*/

`hello, ${ people.name }!`;

`hello, ${
    people.name
}!`;
correct

何时不使用它 ​

如果您不想收到有关模板字符串内部空格使用情况的通知，那么禁用此规则是安全的。