Урок 16. Интерполяция строк JavaScript


Все уроки по JavaScript расположены здесь.

В ES6 версии JavaScript мы можем вставлять или интерполировать переменные в строки с помощью литералов шаблонов. Ознакомьтесь со следующим примером, где литерал шаблона используется для записи строк:

const myPet = "броненосец";
console.log(`у меня есть ${myPet}.`);
// Вывод: у меня есть броненосец.
Обратите внимание
  • Шаблонный литерал обернут backticks ` (эта клавиша обычно находится в верхней части клавиатуры, слева от клавиши 1).
  • Внутри литерала шаблона вы увидите заполнитель ${myPet}. Значение myPet вставляется в литерал шаблона.
  • Когда мы интерполируем, у меня есть питомец ${myPet}.на выходе мы печатаем строку: "у меня есть броненосец."
Одним из самых больших преимуществ использования шаблонных литералов является читаемость кода. Используя шаблонные литералы, можно легче определить, какой будет новая строка. Вам также не нужно беспокоиться об экранировании двойных или одинарных кавычек.

Задания к уроку

  1. Создайте переменную myName и присвойте ей свое имя.
  2. Создайте переменную myCity и присвойте имя любимого города.
  3. Используйте один литерал шаблона для интерполяции переменных в предложение ниже. Используйте console.log для вывода предложения на консоль в следующем формате:
    Меня зовут NAME. Мой любимый город CITY.
    
    Замените NAME и CITY в строке выше интерполяцией значений, сохраненных в myName и myCity.
Предыдущий: Урок 15. Конкатенация строк с переменными JavaScript | Следующий: Урок 17. Оператор typeof JavaScript
Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.

тегистатьи IT, уроки по JavaScript, JavaScript




Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.




Программа "Background copy": Фоновое копирование файлов
При первой загрузке не работает слайдер jCarouselLite
Зачем нужна форма обратной связи, или проблемы с почтой на сайте