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

TypeScript:
Интерполяция строки

Как:

Для интерполяции строки в TypeScript используйте обратные кавычки ` и синтаксис ${выражение}:

let user = 'Charlie';
let age = 27;

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

console.log(greeting);  // Вывод: Привет, я Charlie и мне 27 лет.

Подробнее:

Интерполяция строк не уникальна для TypeScript; она также есть в JavaScript начиная с ES6 и во многих других языках. До этого мы соединяли строки с помощью оператора +, что выглядело так:

let greeting = 'Привет, я ' + user + ' и мне ' + age + ' лет.';

Метод с + работает, но он более громоздкий и сложнее для чтения, особенно при использовании нескольких переменных. С интерполяцией шаблоны становятся проще, и ошибки легче избежать.

Что происходит под капотом? Интерполированные строки являются “синтаксическим сахаром” — упрощенным способом использования более сложной функции, известной как “литералы шаблонов”. При компиляции ваша дружелюбная, читаемая интерполяция преобразуется в формат, понятный движку JavaScript, который часто включает конкатенацию или другие методы манипуляции со строками.

Альтернативой интерполяции могут служить функции шаблонов или библиотеки, но в большинстве случаев интерполяция с обратными кавычками остается самым удобным инструментом для работы.

Смотрите также: