template-curly-spacing

要求或禁止模板字串的嵌入式表達式周圍的空格

我們可以使用一對 ${ 和 } 將表達式嵌入模板字串中。

此規則可以根據樣式指南強制使用大括號對內部的間距。

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

規則詳細資訊

此規則旨在維護模板字面值內間距的一致性。

選項

{
    "template-curly-spacing": ["error", "never"]
}
1
2
3

此規則有一個選項，其值為 "never" 或 "always"。

• "never"（預設）- 不允許大括號對內有空格。
• "always" - 要求大括號對內有一個或多個空格。

範例

never

使用預設 "never" 選項時，此規則的不正確程式碼範例

/*eslint template-curly-spacing: "error"*/

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

`hello, ${ people.name }!`;
1
2
3
4
5
6

使用預設 "never" 選項時，此規則的正確程式碼範例

/*eslint template-curly-spacing: "error"*/

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

`hello, ${
    people.name
}!`;
1
2
3
4
5
6
7

always

使用 "always" 選項時，此規則的不正確程式碼範例

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

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

`hello, ${people.name}!`;
1
2
3
4
5
6

使用 "always" 選項時，此規則的正確程式碼範例

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

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

`hello, ${
    people.name
}!`;
1
2
3
4
5
6
7

何時不應使用

如果您不希望收到關於模板字串內間距用法的通知，則可以安全地停用此規則。

版本

此規則在 ESLint v2.0.0-rc.0 中引入。

資源

• 規則來源
• 測試來源