prefer-template

需要模板字面而不是字符串连接

🔧 Fixable

此规则报告的一些问题可通过 --fix 命令行选项自动修复

在 ES2015 (ES6) 中,我们可以使用模板字面代替字符串连接。

¥In ES2015 (ES6), we can use template literals instead of string concatenation.

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

规则详情

¥Rule Details

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

¥This rule is aimed to flag usage of + operators with strings.

示例

¥Examples

此规则的错误代码示例:

¥Examples of incorrect code for this rule:

在线运行
/*eslint prefer-template: "error"*/

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

此规则的正确代码示例:

¥Examples of correct code for this rule:

在线运行
/*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!";

何时不使用

¥When Not To Use It

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

¥This rule should not be used in ES3/5 environments.

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

¥In ES2015 (ES6) or later, if you don’t want to be notified about string concatenation, you can safely disable this rule.

版本

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

资源

ESLint 中文网
粤ICP备13048890号