ES6: Интерполяция
Если вы используете в своей работе Sass, или любой другой CSS-препроцессор, то понятие интерполяции вам уже знакомо:
Интерполяция в JavaScript работает схожим образом. В строке создаётся конструкция ${...}
, внутри которой вы можете поместить любую переменную или выражение:
Важно: строки, созданные с помощью обычных кавычек ('
и "
) не поддерживают интерполяцию. Для поддержки интерполяции следует использовать обратную кавычку ` (клавиша ё
на клавиатуре):
Интерполяция выражений
С помощью интерполяции в строку можно поместить результат выполнения любого выражения, например, вызов функции:
или более сложных выражений:
Вложенная интерполяция
Скорее всего, будут возникать ситуации, когда одного уровня интерполяции будет недостаточно. В подобных случаях удобно пользоваться вложенностью (интерполяция внутри интерполяции). Следует помнить, что весь код, находящийся внутри ${...}
интерпретируется, как отдельное выражение, то есть может содержать обратные кавычки, которые не будут восприняты, как конец строки:
В переменной str
используется вложенная интерполяция. Используя, старый стандарт код можно переписать следующим образом:
Комментарии