JavaScript Строки шаблона
Шаблоны строк
Строки шаблона
Литералы шаблона
У любимого ребенка много имен
Синтаксис Обратных кавычек
Строка шаблонов для определения строки используйте обратные знаки back-ticks (``), а не кавычки (""):
let text = `Привет Мир!`;
Попробуйте сами »
JavaScript Кавычки внутри строк
Строки шаблонов допускают внутри строки как одинарные, так и двойные кавычки:
let text = `He's often called "Андрей"`;
Попробуйте сами »
JavaScript Многострочные строки
Строки шаблона допускают многострочные строки:
let text =
`Быстрая
бурая лиса
перепрыгивает через
ленивого пса`;
Попробуйте сами »
JavaScript Интерполяция
Строка шаблона предоставляет простой способ интерполяции переменных и выражений в строки.
Этот метод называется строковой интерполяцией.
Синтаксис такой:
${...}
JavaScript Замена переменных
Строки шаблона допускают использование переменных в строках:
let firstName = "Щипунов";
let lastName = "Андрей";
let text = `Добро пожаловать, ${firstName} ${lastName}!`;
Попробуйте сами »
Автоматическая замена переменных реальными значениями называется интерполяцией строк.
JavaScript Замена выражений
Строки шаблона позволяют использовать выражения в строках:
let price = 10;
let VAT = 0.25;
let total = `Итого: ${(price * (1 + VAT)).toFixed(2)}`;
Попробуйте сами »
Автоматическая замена выражений реальными значениями называется интерполяцией строк.
JavaScript HTML Шаблоны
let header = "Строки шаблона";
let tags = ["строки шаблона", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
Попробуйте сами »
Поддержка браузера Строк шаблона
Строки шаблона
— это функция ES6 (JavaScript 2015).
ES6 полностью поддерживается во всех современных браузерах с июня 2017 года:
Chrome | Edge | Firefox | Safari | Opera |
Да | Да | Да | Да | Да |
Строки шаблонов
не поддерживаются в Internet Explorer.
JavaScript Полный справочник строк
Для получения полного справочника по строкам перейдите по ссылке: Справочник строк JavaScript.
Справочник содержит описания и примеры всех строковых свойств и методов.