Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: template, literals, string

Что такое template literals и зачем они нужны?

Вопрос проверяет умение работать со строками и использовать современный синтаксис JavaScript.

Короткий ответ

Template literals — это строки в обратных кавычках (`), которые поддерживают интерполяцию выражений и многострочный текст. Они позволяют вставлять переменные и выражения прямо в строку через ${}. Это делает код короче и читабельнее по сравнению с конкатенацией. Также они удобны для HTML-шаблонов и логирования.

Длинный ответ

Template literals упрощают работу со строками и форматированием текста.

Определение

Template literals — строковый синтаксис JavaScript, использующий обратные кавычки и поддерживающий интерполяцию выражений.

Интерполяция значений

const name = "Alex";
const age = 30;

const text = `User ${name} is ${age} years old`;

Вычисления внутри строки

const a = 2;
const b = 3;

const result = `Sum: ${a + b}`;

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

const html = `
  <div>
    <span>Hello</span>
  </div>
`;

Типичные сценарии использования

  1. Формирование сообщений и логов.

  2. Генерация HTML или CSS.

  3. Работа с локализацией.

  4. Повышение читаемости кода.

Tagged template literals (кратко)

Template literals могут передаваться в функцию для кастомной обработки строки, например для i18n или экранирования, но это используется реже.

Вывод

Template literals делают строки гибкими, читаемыми и удобными, особенно при динамическом формировании текста и шаблонов.

Уровень

  • Рейтинг:

    4

  • Сложность:

    3

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#template

#literals

#string

Подпишись на React Developer в телеграм