Интерполяция строк в JavaScript

Интерполяция строк в JavaScript - это способ вставки значений переменных или выражений в строковые литералы. Это более удобный и читаемый способ, чем конкатенация строк с помощью оператора +. Интерполяция строк делает код более ясным и уменьшает вероятность ошибок при создании длинных или сложных строк. Этот механизм был добавлен в язык JavaScript в ECMAScript 2015 (ES6).

Для выполнения интерполяции строк используется синтаксис с использованием обратных кавычек, также называемых шаблонными строками, в сочетании с синтаксисом ${...} для вставки значений.

Пример:

let name = "Лия";
let age = 20;

// Интерполяция строк
let message = `Привет, меня зовут ${name} и мне ${age} лет.`;

console.log(message);
// Привет, меня зовут Лия и мне 20 лет.

В этом примере ${name} и ${age} являются местозаполнителями, в которые подставляются значения переменных name и age соответственно.

Интерполяция строк также позволяет вставлять результаты выражений JavaScript внутрь шаблонных строк.

Например:

let a = 10;
let b = 20;

// Интерполяция выражений
let result = `Сумма ${a} и ${b} равна ${a + b}`;

console.log(result);
// Сумма 10 и 20 равна 30

Такой подход существенно упрощает создание строковых шаблонов, особенно в случае, когда вам нужно вставить несколько значений или результатов выражений в строку.

Интерполяция строк также может быть использована в многострочных строках, что упрощает создание более читаемого кода при работе с длинными текстовыми блоками:

let name = "Лия";

let multilineString = `
Это многострочная строка,
которая может содержать
переносы строк и ${name}.
`;

console.log(multilineString);
/*
Вывод:
Это многострочная строка,
которая может содержать
переносы строк и Лия.
*/