prefer-template

Require template literals instead of string concatenation

在 ES2015（ES6）中，我们可以使用模板字面量，而不是把字符串连接起来。

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

/*eslint-env es6*/

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

规则细节

这条规则的目的是标明使用 + 运算符连接的字符串。

示例

使用此规则的错误示例：

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

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

使用此规则的正确示例：

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

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
9

何时不用

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

在 ES2015（ES6）或更高版本中，如果你不想得到关于字符串连接的通知，你可以安全地禁用这个规则。

Related Rules

• no-useless-concat
• quotes

Version

This rule was introduced in ESLint v1.2.0.

Resources

• Rule source
• Tests source