Вторая неделя семинара Гильдии разработчиков Suncoast была введением в Javascript. Javascript - это мир, отличный от HTML и CSS. Javascript позволяет делать самые разные интересные вещи, чтобы сделать ваши веб-страницы динамическими. Вы хотите, чтобы ваши пользователи вводили информацию? Javascript может это сделать! Хотите сделать кнопку интерактивной? Javascript может это сделать? Свернуть меню? Javascript!

В итоге я использовал множество операторов if… else в проектах на этой неделе. Я создал очень простое приложение Rock Paper Scissors, приложение Rock Paper Scissors Lizard Spock просто для удовольствия 😆 и приложение для игры в блэкджек.

Операторы if… else представляют собой базовую логику, которая позволяет вам указать вашей программе выполнить определенные блоки кода при определенных условиях. Вот базовый макет:

if (condition) {
  block of code to execute
} else {
  block of code to execute
}

Если условие истинно, будет выполнен первый блок кода. Если условие ложное, будет выполнен второй блок кода. Заполнив эти заполнители, мы могли бы написать простой оператор if… else, чтобы определить, меньше ли 5, чем 12:

if (5 < 12) {
  return '5 is indeed less than 12!'
} else {
  return 'Uh-oh, we're in the Twilight Zone!'
}

Что произойдет, если мы захотим проверить правильность более чем одного условия. Javascript с радостью выполнит наши обязательства. Базовая схема для нескольких условий выглядит следующим образом:

if (condition1) {
  statement1
} else if (condition2) {
  statement2
} else if (condition3) {
  statement3
...
} else {
  statementN
}

Как и раньше, программа определит, является ли condition1 правдой. Если это так, statement1 будет выполнен. Если condition1 является ложным, тогда программа проверит, является ли condition2 правдой. Если это так, statement2 будет выполнен. Если condition2 является ложным, тогда программа проверяет, является ли condition3 правдой, и так далее и так далее. Последний else не принимает условия. Вместо этого он действует как универсальный инструмент для выполнения statementN, если ни одно из предыдущих условий не является истинным. Давайте заполним этот скелет некоторыми реальными значениями:

if (100 % 5 === 40) {
  return 'One hundred divided by five equals forty.'
} else if (2 * 9 === 36) {
  return 'Two times nine equals thirty-six.'
} else if (20 - 5 === 15) {
  return 'Twenty minus five equals fifteen.'
} else {
  return 'Math is hard!'
}

Для приведенного выше оператора if… else мы получим результат Twenty minus five equals fifteen., потому что первые два условия были ложными, а третье условие было истинным.

Длинные операторы if… else могут сделать код неуклюжим, трудным для чтения и немного медленным в выполнении. К счастью, Javascript предлагает операторы переключения, чтобы облегчить жизнь при большом количестве условий.

В конце концов, я смог завершить три своих проекта на этой неделе с помощью операторов if… else. С нетерпением жду возможности узнать больше о Javascript!