Что такое шаблонные литералы

Ответ

Шаблонные литералы (template literals) — это строки, позволяющие встраивать выражения и многострочный текст с помощью обратных кавычек (`).

Особенности:

  • Внутри ${} можно вставлять переменные или выражения (${name}).
  • Поддерживают многострочность без n.
  • Позволяют использовать тегированные шаблоны для кастомной обработки строк.

Пример:

const name = 'Alex';
const age = 30;
const message = `Привет, ${name}! Тебе ${age} лет.`;  
console.log(message); // "Привет, Alex! Тебе 30 лет."

Ответ 18+ 🔞

А, шаблонные литералы, ёпта! Ну это ж просто песня, а не фича. Вместо этих дурацких кавычек, где всё плюсовать надо, взяли и сделали нормально.

Смотри, вот раньше-то как было? Хочешь имя в строку вставить — пиши адский поросячий винегрет:

const name = 'Alex';
const age = 30;
const message = 'Привет, ' + name + '! Тебе ' + age + ' лет.'; // Бля, глаза сломаешь!

А теперь? Теперь красота, блядь! Берёшь обратные кавычки (это вот такие `) и внутри них пишешь, как бог на душу положит. Хочешь переменную — оборачиваешь её в ${} и всё, пиздец, магия!

const name = 'Alex';
const age = 30;
const message = `Привет, ${name}! Тебе ${age} лет.`; // Чисто, аккуратно, в рот меня чих-пых!
console.log(message); // "Привет, Alex! Тебе 30 лет."

И это ещё не всё, сука! Раньше для переноса строки надо было n впихивать, а теперь просто жмёшь Enter внутри этих кавычек — и вуаля, многострочный текст готов, как по маслу. Удобство — овердохуища!

Ну и вишенка на торте — тегированные шаблоны. Это когда можно свою функцию прикрутить, которая будет эту строку как хочешь обрабатывать. Но это уже для извращенцев, которым мало простого счастья.

Короче, шаблонные литералы — это одна из тех вещей, после которой назад возвращаться уже не хочется. Как сраный свет в холодильнике.