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 中引入。