Что такое шаблонные строки?
Шаблонные строки — это строки, заключенные в обратные кавычки (
`), которые позволяют вставлять переменные и выражения непосредственно в строку с помощью синтаксиса ${expression}.Преимущества шаблонных строк
- Подстановка переменных: легко вставлять переменные и выражения прямо в строку.
- Multiline строки: строки могут быть разбиты на несколько строк без использования специальных символов (
\n). - Tagged templates: возможность применить функцию к строке, что позволяет расширить возможности использования строк.
Примеры использования шаблонных строк
1. Простая подстановка переменных
const name = "John";
const greeting = `Hello, ${name}!`;
console.log(greeting); // "Hello, John!"2. Multiline строки
const poem = `
Розовый куст расцветает весной,
Солнце сияет, прохладный покой.
`;
console.log(poem);3. Вставка выражений
const price = 10;
const taxRate = 0.15;
const totalPrice = `Total Price: \$${price * (1 + taxRate)}`;
console.log(totalPrice); // Total Price: $11.54. Tagged Templates
function highlight(strings, ...values) {
return strings.raw[0].trim() + "<b>" + values.join("</b>\n<b>") + "</b>";
}
const list = highlight`Item 1\nItem 2\nItem 3`;
console.log(list); // Item 1<b>Item 2</b>\n<b>Item 3</b>Template literals значительно упростили работу со строками в JavaScript, делая код более выразительным и читаемым. Используйте их, чтобы упростить и ускорить процесс формирования динамических строк и сделать ваш код чище и понятнее.
