Строка шаблонов JavaScript

Синонимы:

  • Шаблонные литералы
  • Шаблонные строки
  • Строка шаблонов
  • Синтаксис Back-Tics

Синтаксис Back-Tics

Литералы шаблоновИспользуйте обратные кавычки (``) вместо кавычек (""), чтобы определить строку:

Пример

let text = `Hello World!`;

Попробуйте сами

Кавычки в строке

ИспользуяЛитералы шаблоновВы можете использовать одинарные и двойные кавычки в строке одновременно:

Пример

let text = `He's often called "Johnny"`;

Попробуйте сами

Многстрочные строки

Литералы шаблоновРазрешены многстрочные строки:

Пример

let text =
`The quick
brown fox
jumps over
the lazy dog`;

Попробуйте сами

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

Литералы шаблоновПредоставляет простое решение для вставки переменных и выражений в строку.

Этот метод называется строковой интерполяцией (string interpolation).

Синтаксис

${...}

Подстановка переменных

Литералы шаблоновРазрешены переменные в строке:

Пример

let firstName = "Bill";
let lastName = "Gates";
let text = `Welcome ${firstName}, ${lastName}!`;

Попробуйте сами

Автоматическая замена переменных на фактические значения называетсяСтроковая интерполяция.

Подстановка выражений

Литералы шаблоновРазрешены выражения в строке:

Пример

let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;

Попробуйте сами

Автоматическая замена выражений на фактические значения называется строковой интерполяцией.

HTML шаблон

Пример

let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
  html += `<li>${x}</li>`;
}
html += `</ul>`;

Попробуйте сами

Поддержка браузеров

Internet Explorer не поддерживаетЛитералы шаблонов.

Первая версия браузера, которая полностью поддерживает литералы шаблонов:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
Март 2015 года Ноябрь 2015 года Декабрь 2014 года Сентябрь 2016 года Апрель 2015 года

Полный справочник по строкам

Для полной информации, пожалуйста, посетите наш Руководство JavaScript String.

Эта книга включает описание всех свойств и методов строк и примеры.