Справочник JavaScript

Template literal

Строка в обратных кавычках с подстановками и переносами строк.

Доступно с: ES2015

Синтаксис

`text ${expression} text`

Подстановка переменной:

const name = 'Anna';
 
console.log(`Hello, ${name}!`);

Результат:

Hello, Anna!

Внутри фигурных скобок — любое выражение:

const price = 4;
const count = 3;
 
console.log(`Total: $${price * count}`);
console.log(`Status: ${count > 0 ? 'in stock' : 'sold out'}`);

Результат:

Total: $12
Status: in stock

Многострочный текст:

const message = `Line one
Line two`;
 
console.log(message);

Результат:

Line one
Line two

Обратные кавычки находятся на клавише с буквой ё. Подстановка ${...} работает только в них — в одинарных и двойных кавычках это обычный текст.

Шаблонные строки — Шаблонные строки в JavaScript: подстановка значений и выражений, многострочный текст, условия внутри шаблона и теговые шаблоны.