--- title: Template Literals localeTitle: Литералы шаблонов --- ## Литералы шаблонов ## Введение: Когда мы хотим использовать переменную для создания строки, она становится очень болезненной, поскольку мы должны использовать знак + для конкатенации и отслеживания кавычек. Теперь с ES6 мы можем сделать строку с использованием обратных ссылок и с помощью заполнителей, которые обозначены знаком доллара и фигурными фигурными скобками, например $ {expression}. ```javascript const name='John'; const city='London'; Older Style: const sentence ='My name is '+ name +'. I live in '+city. ES6 way: const sentence = `My name is ${name}. I live in ${city}`; Here ${name} and ${city}are going to be interpolated by the variable name and city respectively. ``` ## Строки MultiLine: Пожилой стиль: Когда мы хотели разбить нашу строку на несколько строк, нам пришлось использовать обратную косую черту. ```javascript const multipleLineString= "We have \ multiple lines \ here"; ``` Теперь, когда мы хотим создать mutiline строку, мы можем использовать строки шаблонов. Мы можем окружить нашу строку обратными окнами. Этот подход чрезвычайно полезен, когда мы хотим создать динамическую разметку html. ```javascript const htmlMarkup = `