На нашем сайте мы используем cookie для сбора информации технического характера и обрабатываем IP-адрес вашего местоположения. Продолжая использовать этот сайт, вы даете согласие на использование файлов cookies. Здесь вы можете узнать, как мы пользуемся файлами cookies.
Я согласен
логотип upread.ru

Урок 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





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




Как увеличить работоспособность мозга: простые советы
Lazy loading, или появление изображений при скроллинге для ускорения сайта


© upread.ru 2013-2022
При перепечатке активная ссылка на сайт обязательна.
Задать вопрос
письмо
Здравствуйте! Вы можете задать мне любой вопрос. Если не получается отправить сообщение через эту форму, то пишите на почу up777up@yandex.ru
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.