Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

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

2 Для создания таких ветвлений в программировании используютсяусловные конструкцииилиусловные выражения. Что можно принять за ветвление? Представьте, что пользователь заходит на страницу профиля. В зависимости от того, залогинен он или нет выполнится следующее действие:

3 <ul><li>Если пользователь залогинен: вывести страницу профиля.</li>

4 <li>Если пользователь не залогинен: вывести страницу регистрации.</li>

5 </ul>Как оформить это в виде кода? Если вы уже знакомы с программированием, то знаете о чём пойдёт речь. Необходимо определить:

6 <ol><li>Условную конструкцию.</li>

7 <li>Условие, по которому происходит ветвление.</li>

8 <li>Блоки кода для условий.</li>

9 </ol>В этом списке появилось новое понятие "условие". Что же это такое? Условие - любое выражение, которое можно свести либо к истинности, либо ко лжи. Например, выражение 2 + 2 = 4 истинно, а 2 + 5 = 1 - нет. В зависимости от этого условия выполнится соответствующий блок кода.

10 Результат, если переменная isLogin равна true:

11 Результат, если переменная isLogin равна false:

12 Так как конструкция if проверяет истинность true или ложность false выражения, то в прошлом примере можно убрать сравнение с true. Такой код будет работать точно так же:

13 Разберём ещё один пример. Объект с пользователем содержит несколько полей: имя, фамилия, логин. Если имя и фамилия заданы, то вывести их, иначе вывести логин.

14 Важно:обратите внимание на объявление объекта. Символ - и сам объект находятся на разных строчках. Таким образом можно записывать многострочный JavaScript код. Это полезно при создании объектов, функций, циклов и так далее.

15 В прошлых примерах основной упор был на существование того или иного объекта. Условные конструкции могут проверять абсолютно любое выражение:

16 Во время разработки продукта может возникнуть ситуация, когда нужно проверить не истинность, а ложность высказывания. Это может быть проверка пользователя на администратора при заходе на страницу управления. В этом случае нужно проверить, является ли пользователь администратором или нет. Если пользователь не обладает нужными правами, то показать ему сообщение об ошибке. Решить эту задачу можно через отрицание в условии:

17 Такое сравнение может быть избыточным, так как конструкция условного выражения подразумевает проверку на истинность, а не ложность. Есть два пути сделать код чище:

18 <ol><li>Использовать оператор логического отрицания !. В этом случае вычисляется результат выражения, а потом его значение инвертируется. Если было true, то станет false и наоборот. Конструкция примет следующий вид: if !isAdmin. Так как переменная isAdmin равна false, то при отрицании значение преобразуется в true.</li>

19 <li>Использование конструкции unless. В отличие от if, unless проверяетложностьусловия.</li>

20 </ol><h2>Дополнительное задание</h2>

21 Проект имеет структуру файлов:

22 ├── include/ │ ├── head.pug ├── index.pug ├── product.pug

23 Внутри файловindex.pugиproduct.pugсуществует переменная title с уникальным описанием страницы. Файлhead.pugсодержит секцию <head> страниц. Используя подключения файлов и условную конструкцию подставьте уникальное описание в файлhead.pug. Если значение переменной title пустое, то выдаётся заранее подготовленный текст.

24 Пример страницы: