Далее на странице...
Интерполяция - это новый способ построения строк стандарта ES6.
Термин интерполяция означает, что в JavaScript внутри строки можно вставлять значения переменных.
Посмотрим, как это реализуется на практике и какие правила существуют при интерполяции.
Здесь эта тема рассмотрена довольно кратко, но достаточно, чтобы двигаться дальше. Немного подробнее об интерполяции читайте в статье способы построения строк в ES6 - Шаблонные литералы
Конкатенация - объединение строк
Вспомним, как происходила работа со строками в старом JavaScript до стандарта ES6.
Допустим у нас есть url-адрес, который существует в виде строки и есть переменная, содержащая название категории. Значение переменной нужно объединить url-адресом.
Пример 1.1
const category = 'toys';
console.log('https://someurl.com/' + category);
Результат
В примере при помощи операции сложения происходит так называемая конкатенация - объединение строк: строки https://someurl.com/ и значения переменной category - toys.
Интерполяция - Обратные кавычки
При интерполяции формирование комплексной строки происходит иначе.
Пример 2.1
const category = 'toys';
console.log(`https://someurl.com/${category}`);
Результат
Строка заключается в обратные кавычки, внутри которых указывается и строка и сама переменная с использованием знака доллара $ и фигурных скобок {}.
Интерполяция работает только с обратными/косыми кавычками. С одинарными или двойными это сделать не получиться.
Рассмотрим еще один пример интерполяции.
Пример 2.2
const user = 'Ivan';
alert(`Hello ${user}`);
Результат
Интерполяция - это современный, правильный и более удобный способ построения строк в JavaScript.
Другое название интерполяции - Шаблонные литералы - и это более подробная статья о построении строк в JavaScript ES6.
