<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

В начале курса у нас будет только идея, а в конце готовый продукт, который можно использовать в практических целях.

В рамках упражнений курса Вы параллельно со мной будете создавать свою большую программу на Java, что даст Вам необходимую практику, после которой для Вас уже не будет разницы, какого размера создавать программы.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Введение в строковые шаблоны в JavaScript ES6

Введение в строковые шаблоны в JavaScript ES6

В этой статье вы узнаете о шаблонных строках в JavaScript, которые упрощают работу со строками.

До ES6 мы использовали только одинарные кавычки (') или двойные кавычки (“”) для создания строкового литерала. И это приводило к различного рода ограничениям и неудобствам при работе со строками.

Поэтому для облегчения жизни программистов, в ES6 были введены шаблонные строки. Они обеспечивают синтаксис, который позволяет работать со строкой более удобным и логичным способом.

В ES6 шаблонная строка создается путем, обертывания текста в обратные апострофы, как показано ниже.

  let simple_string = `Это шаблонный литерал`;

Что нам это дает:

    1) многострочная строка: строка, которая может распространяться на несколько строк, без использования конкатенации;
    2) форматирование строк: возможность подставить в шаблонную строку значения переменных или выражений. Эта функция называется интерполяцией строк.
    3) HTML экранирование: свободное написание HTML кода.

Синтаксис литерала шаблонной строки JavaScript

Как я сказал, вместо использования одиночных или двойных кавычек в шаблонных строках используются обратные апострофы, как показано в примере ниже.

  let str = `Шаблонный литерал в ES6`;

  console.log(str); // Литерал шаблонной строки в ES6
  console.log(str.length); // 23
  console.log(typeof str); // string

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

  let anotherStr = `Вот шаблонный литерал’ с одиночной кавычкой`;

Если строка содержит апостроф, вы должны экранировать ее с помощью обратного слэша (\) следующим образом:

  let strWithBacktick = `Литералы шаблонов используют апострофы\` вместо кавычек`;

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

До ES6 мы использовали следующий метод для создания многострочной строки вручную, включая символ новой строки (\n):

  let msg = 'Многострочная \n \
   строка ';

  console.log (MSG);
  // Многострочная
  // строка

Обратите внимание, что обратная косая черта (\), помещенная после символа новой строки (\n), указывает на продолжение строки, а не на новую строку.

Однако этот метод работает не во всех движках JavaScript. Поэтому мы часто создаем многострочную строку следующим образом:

var msg = ['Этот текст',
   'Можно',
   ‘располагать на множестве линий’].join('\n');

Литералы шаблонных строк упрощают создание многострочных строк, поскольку вы просто включаете новую строку везде, где хотите, как показано в следующем примере:

var p =
  `Этот текст
  Можно
  располагать на множестве строк`;

Обратите внимание, что пробел является частью строки, поэтому вы отвечаете за то, как текст будет выравниваться. Рассмотрим следующий пример.

Предположим, у вас есть объект post:

var post = {
   title: “Шаблонные строки в JavaScript”,
   intro: “Введение в шаблоны строк в JavaScript ES6”,
   body: “Содержание сообщения будет здесь ...”,
   tags: ['es6', 'шаблонные строки', 'JavaScript']
};

Следующий код возвращает HTML-код объекта post. Обратите внимание, что мы используем метод деструктуризации объекта, про который я уже рассказывал в этой статье, для извлечения свойств объекта post в отдельные переменные: заголовок, выдержку, тело и теги.

var {title, intro, body, tags} = post;

var postHtml = `<article>

<header>
   <h1>${title}</h1>
</header>
<section>
   <div>${intro}</div>
   <div>${body}</div>
</section>
<footer>
   <ul>
      ${tags.map(tag => `<li>${tag}</li>`).join('n      ')}
   </ul>
</footer>

</article>`;

В следующей статье мы продолжим обсуждение шаблонных строк в JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.