prefer-template

Require template literals instead of string concatenation

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

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

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

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);
1
2
3
4

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!";
1
2
3
4
5
6
7
8

When Not To Use It

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

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

Related Rules

• no-useless-concat
• quotes

Version

This rule was introduced in ESLint v1.2.0.

Resources

• Rule source
• Tests source