no-template-curly-in-string

禁止在普通字符串中使用模板字面量占位符语法

ECMAScript 6 允许程序员使用模板字面量创建包含变量或表达式的字符串，而不是使用字符串连接，方法是在两个反引号（`）之间编写类似 ${variable} 的表达式。当想要使用模板字面量时，很容易使用错误的引号，例如编写 "${variable}"，最终得到字面量值 "${variable}" 而不是包含注入表达式的值的字符串。

规则详情

此规则旨在在普通字符串包含看起来像模板字面量占位符的内容时发出警告。当它找到一个包含模板字面量占位符（${something}）的字符串时，它将发出警告，该字符串使用 " 或 ' 作为引号。

示例

此规则的错误代码示例

/*eslint no-template-curly-in-string: "error"*/
"Hello ${name}!";
'Hello ${name}!';
"Time: ${12 * 60 * 60 * 1000}";
1
2
3
4

此规则的正确代码示例

/*eslint no-template-curly-in-string: "error"*/
`Hello ${name}!`;
`Time: ${12 * 60 * 60 * 1000}`;

templateFunction`Hello ${name}`;
1
2
3
4
5

何时不使用它

此规则不应在 ES3/5 环境中使用。

版本

此规则在 ESLint v3.3.0 中引入。

资源

• 规则源代码
• 测试源代码