no-template-curly-in-string

禁止在常规字符串中使用模板字面占位符语法

ECMAScript 6 允许程序员使用模板字面而不是字符串连接来创建包含变量或表达式的字符串，方法是在两个反引号（). It can be easy to use the wrong quotes when wanting to use template literals, by writing"${variable}", and end up with the literal value"${variable}"之间写入像${variable}` 这样的表达式，而不是包含注入表达式的值的字符串。

规则详情

此规则旨在在常规字符串包含看起来像模板字面占位符的内容时发出警告。当它发现包含模板字面占位符 (${something}) 的字符串使用 " 或 ' 作为引号时，它会发出警告。

示例

此规则的错误代码示例：

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

此规则的正确代码示例：

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

templateFunction`Hello ${name}`;

何时不使用

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