useTemplate (since v1.0.0)
Diagnostic Category: lint/style/useTemplate
Source: prefer-template
Prefer template literals over string concatenation.
Examples
Section titled ExamplesInvalid
Section titled Invalidconst s = foo + "baz";style/useTemplate.js:1:11 lint/style/useTemplate FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Template literals are preferred over string concatenation.
> 1 │ const s = foo + "baz";
│ ^^^^^^^^^^^
2 │
ℹ Unsafe fix: Use a template literal.
1 │ - const·s·=·foo·+·"baz";
1 │ + const·s·=·`${foo}baz`;
2 2 │
const s = 1 + 2 + "foo" + 3;style/useTemplate.js:1:11 lint/style/useTemplate FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Template literals are preferred over string concatenation.
> 1 │ const s = 1 + 2 + "foo" + 3;
│ ^^^^^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Use a template literal.
1 │ - const·s·=·1·+·2·+·"foo"·+·3;
1 │ + const·s·=·`${1·+·2}foo${3}`;
2 2 │
const s = 1 * 2 + "foo";style/useTemplate.js:1:11 lint/style/useTemplate FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Template literals are preferred over string concatenation.
> 1 │ const s = 1 * 2 + "foo";
│ ^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Use a template literal.
1 │ - const·s·=·1·*·2·+·"foo";
1 │ + const·s·=·`${1·*·2}foo`;
2 2 │
const s = 1 + "foo" + 2 + "bar" + "baz" + 3;style/useTemplate.js:1:11 lint/style/useTemplate FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Template literals are preferred over string concatenation.
> 1 │ const s = 1 + "foo" + 2 + "bar" + "baz" + 3;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │
ℹ Unsafe fix: Use a template literal.
1 │ - const·s·=·1·+·"foo"·+·2·+·"bar"·+·"baz"·+·3;
1 │ + const·s·=·`${1}foo${2}barbaz${3}`;
2 2 │
Valid
Section titled Validlet s = "foo" + "bar" + `baz`;let s = `value: ${1}`;