Use Template Literals

Template literals are string templates that can include variables and expressions. They can replace string concatenation and are often easier to read. Example: `Hello, ${name}!`

This refactoring supports converting the first line of concatenated strings into template literals or shortened strings:

  • concatenated string literals will be combined, e.g. "a" + "b" will become "ab"
  • concatenated expressions and variables will be embedded in templates, e.g. "a" + x + "b" will become `a${x}b`
  • unnecesary escaping of quotes is removed when string are combined or transformed into template literals

Learn More: Template Literals (MDN)

Original Code

Changes

1const a = 'Hello, ' + name + '!';1const a = `Hello, ${name}!`;
2const b = '123' + '456';2const b = '123456';
3const c = "4 + 3 * a = " + (4 + 3 * a);3const c = `4 + 3 * a = ${4 + 3 * a}`;
1const a = 'Hello, ' + name + '!';
2const b = '123' + '456';
3const c = "4 + 3 * a = " + (4 + 3 * a);
1const a = `Hello, ${name}!`;
2const b = '123456';
3const c = `4 + 3 * a = ${4 + 3 * a}`;

Transformed Code

const a = `Hello, ${name}!`;
const b = '123456';
const c = `4 + 3 * a = ${4 + 3 * a}`;

Explore More