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

資源

• 規則原始碼
• 測試原始碼