Шаблонные литералы — это функция JavaScript, представленная в ES6. Они обеспечивают более гибкий и удобный способ работы со строками JavaScript. Выглядят как строковые литералы, допускающие использование выражений внутри, т.е. выражения, которые вычисляются и вставляются в строку.⠀
Шаблонные литералы заключаются в обратные кавычки ( ) вместо двойных или одинарных, могут содержать подстановки, которые обозначаются знаком доллара и фигурными скобками ⬇️
(${выражение}).⠀
На практике применяются:
— в генерации HTML-разметки: выстраивают js-выражения в HTML-строки, что значительно упрощает разработку динамического контента;
— в создании динамических SQL-запросов: встраивает переменные или выражения сразу в строки запроса;
— в управлении и обработке локализованного контента в веб-приложении.⠀
С шаблоннными литералами используют ⬇️
✔️ Теговые шаблоны.
Они создают строки с использованием выражений, находящихся внутри строк, и с применением особых функций.
✔️ Многострочные конструкции.
Для их создания в конце очередного фрагмента строки нужно нажать клавишу Enter и продолжать вводить следующую строку шаблонного литерала.
✔️ Местозаполнители.
С их помощью в строки внедряют результаты вычисления выражений.⠀
Литералы шаблонов могут иметь тег, и он действует как обычная функция JavaScript, которая возвращает массив литералов, а также подстановки внутри самой функции.
Важно! Шаблонные литералы делают код более сжатым, предотвращая ошибки при вводе, а также упрощают решение множества задач, связанных с обработкой строк.
#methed_про_ит