prefer-template

要求使用模板字面量而不是字符串连接

在 ES2015 (ES6) 中，我们可以使用模板字面量而不是字符串连接。

var str = "Hello, " + name + "!";
1

var str = `Hello, ${name}!`;
1

规则详情

此规则旨在标记使用字符串的+运算符。

示例

此规则的错误代码示例

/*eslint prefer-template: "error"*/

var str = "Hello, " + name + "!";
var str = "Time: " + (12 * 60 * 60 * 1000);
1
2
3
4

此规则的正确代码示例

/*eslint prefer-template: "error"*/

var str = "Hello World!";
var str = `Hello, ${name}!`;
var str = `Time: ${12 * 60 * 60 * 1000}`;

// This is reported by `no-useless-concat`.
var str = "Hello, " + "World!";
1
2
3
4
5
6
7
8

何时不使用它

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

在 ES2015 (ES6) 或更高版本中，如果您不想收到有关字符串连接的通知，可以安全地禁用此规则。

相关规则

• no-useless-concat
• quotes

版本

此规则在 ESLint v1.2.0 中引入。

资源

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