Что такое template literals и как ими пользоваться?

Question

Accepted Answer

## Суть на практике Template literal — строка в обратных кавычках `` ` `` с интерполяцией `${...}` и удобными многострочными текстами. ```js const name = 'Ann'; const msg = `Hello, ${name}!`; const block = `line1 line2`; ``` Внутри `${}` — любое выражение. Вложенные шаблоны возможны, но читаемость важнее. Дополнительно существуют tagged templates — функция перед литералом для кастомной обработки. ## Итог Шаблоны заменяют склейку через `+` для читаемых строк и HTML/SQL-заготовок (с осторожностью к XSS/инъекциям). Template literals не экранируют HTML сами по себе: `` `

${userInput}

` `` при вставке в DOM через `innerHTML` — путь к XSS. Для безопасной разметки нужны sanitize/tagged templates или текст через `textContent`. ## На собеседовании Ожидают не заученную таблицу, а умение связать концепцию с багом из практики: что сломается, если выбрать неправильный вариант, и какой код вы напишете в реальном PR. Короткий пример и граничный случай обычно ценятся выше длинной теории.