Что такое template literals и зачем они нужны?

Question

Template literals — это строки в обратных кавычках (`), которые поддерживают интерполяцию выражений и многострочный текст. Они позволяют вставлять переменные и выражения прямо в строку через ${}. Это делает код короче и читабельнее по сравнению с конкатенацией. Также они удобны для HTML-шаблонов и логирования.

YeaHub · Accepted Answer

Template literals упрощают работу со строками и форматированием текста.ОпределениеTemplate literals — строковый синтаксис JavaScript, использующий обратные кавычки и поддерживающий интерполяцию выражений.Интерполяция значенийconst name = "Alex"; const age = 30; const text = `User ${name} is ${age} years old`; Вычисления внутри строкиconst a = 2; const b = 3; const result = `Sum: ${a + b}`; Многострочные строкиconst html = `

Hello

`; Типичные сценарии использованияФормирование сообщений и логов.Генерация HTML или CSS.Работа с локализацией.Повышение читаемости кода.Tagged template literals (кратко)Template literals могут передаваться в функцию для кастомной обработки строки, например для i18n или экранирования, но это используется реже.ВыводTemplate literals делают строки гибкими, читаемыми и удобными, особенно при динамическом формировании текста и шаблонов.