跳至内容

@stylistic/

template-tag-spacing

使用 ES6,可以创建称为 带标签的模板字面量 的函数,其中函数参数包含模板字面量的字符串和表达式。

使用带标签的模板字面量时,可以在标签函数和模板字面量之间插入空格。由于此空格是可选的,因此以下行是等效的

js
let hello = func`Hello world`;
let hello = func `Hello world`;

规则详情

此规则旨在维护模板标签函数与其模板字面量之间的间距一致性。

选项

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

此规则有一个选项,其值可以设置为 "never""always"

  • "never" (默认) - 禁止标签函数与其模板字面量之间有空格。
  • "always" - 要求标签函数与其模板字面量之间有一个或多个空格。

示例

never

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

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

func
`Hello world`;
incorrect

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

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

func`Hello world`;
correct

always

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

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

func
`Hello world`;
incorrect

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

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

func `Hello world`;
correct

何时不使用它

如果您不想收到有关标签函数与其模板字面量之间使用空格的通知,则可以安全地禁用此规则。