Интерполяция строк — это один из тех терминов, которые я слышу снова и снова, но я никогда не понимал, что он на самом деле означает и когда его следует использовать. Начнем с примера. Приведенная ниже операция выглядит как сложная математическая задача, хотя на самом деле это просто конкатенация строк.

let cat = 'Fluffy'
let dog = 'Barkers'
let petLove = 'I love ' + cat + ' and ' + dog + ' so much!!!!!'

Конкатенация строк всегда была для меня «простой», несмотря на ее математический вид, сложнее всего было запомнить все пробелы, не заключать переменные в кавычки и включать оператор сложения во всех нужных местах. Мало ли я знаю, был гораздо лучший способ. Спойлер, это интерполяция строк.

Интерполяция Sting — это более простой способ объединения строк без чрезмерного синтаксиса. Используя шаблонные литералы и значения-заполнители, мы можем избежать лишнего шума, возникающего при конкатенации строк.

Интерполяция строк решила все проблемы, которые у меня были с конкатенацией строк. Давайте посмотрим, а затем объясним:

let cat = 'Fluffy'
let dog = 'Barkers'
let petLove = `I love ${cat} and ${dog} so much!!!!!`

Что здесь происходит!? Здесь есть новый синтаксис, но как только вы его поймете, это сделает вашу жизнь на 13% проще. Вот важные вещи, которые нужно знать:

  1. Всегда используйте обратные галочки вместо кавычек, иначе это не сработает, что было бы обломом. Это связано с тем, что обратные галочки указывают на шаблонный литерал.
  2. Чтобы включить переменные в вашу строку, вы просто помещаете имя переменной в знак доллара и фигурные скобки. Кому не нужен предлог, чтобы использовать $?

Хорошо, теперь вы знаете новый синтаксис. По сути, вы можете просто написать строку именно так, как хотите, без добавления кавычек, дополнительных пробелов и операторов сложения через каждые несколько символов. Синтаксис ${cat} действительно помогает мне избавиться от шума в коде и сэкономить время при склеивании строк. С тех пор, как я начал использовать интерполяцию строк, мой код стал легче читать, и все «мелкие» проблемы, которые у меня были с конкатенацией строк, больше не смущают меня!