Вот вам пример:
let count = 0;
do {
document.writeln("I don't know what I am doing here! <br>");
count++;
} while (count < 10);
Главное отличие между циклами while и do…while в том, что содержимое первого не может быть выполнено, если его условное выражение изначально вернет false:
while (false) {
document.writeln("Can't touch this!");
}
В случае же с циклом do…while, из-за того что условное выражение вычисляется только после одной итерации, содержимое цикла будет выполнено минимум один раз:
do {
document.writeln("This code will run once!");
} while (false);
В некоторых ситуациях это может сыграть на руку. Прежде чем подвести итоги, хочу сказать еще кое-что. Инструкции break и continue, которые мы встречали ранее как часть прекрасного цикла for, схожим образом работают внутри циклов while и do…while.
КОРОТКО О ГЛАВНОМ
Итак, вы познакомились с циклами for и способами их использования и параллельно затронули их аналоги while и do…while. Пока что мы не будем часто использовать циклы. По мере погружения в более сложные ситуации вроде сбора данных, элементов DOM, управления текстом и другие процессы мы будем прибегать к их использованию все чаще. Главное — не забывать изученную в этой главе информацию.
Если у вас есть вопросы по пройденному материалу, не стесняйтесь задавать их на форуме https://forum.kirupa.com и вы получите оперативный ответ если не от меня, то от других умнейших и готовых помочь разработчиков.
Глава 6. Комментирование кода… что за?!
Кажется, что все, что мы пишем в редакторе кода, предназначено исключительно для браузера:
let xPos = -500;
function boringComputerStuff() {
xPos += 5;
if (xPos > 1000) {
xPos = -500;
}
}
boringComputerStuff();
Но скоро мы убедимся, что это совсем не так. У кода есть и другая аудитория — люди.
Код часто используют или читают другие. В особенности если вы работаете в одной команде с другими разработчиками. Чтобы на выходе код выглядел максимально эффективным, нужно убедиться, что он понятен другим. Это касается и тех, кто работает независимо. Любая прекрасная функция, которая кажется логичной сегодня, может выглядеть полной чушью через неделю.
Есть множество способов решения этой проблемы. Один из лучших — это использование комментариев. В этом коротком разделе мы ответим на вопрос, что такое комментарии, узнаем, как они обозначаются в JavaScript, и рассмотрим правильные способы их использования.
Поехали!
Что такое комментарии?
Комментарии — это то, что мы пишем в виде части кода для передачи информации читающим его:
// Это вам за то, что не пригласили меня на день рождения!
let blah = true;
function sweetRevenge() { while (blah) {
// Бесконечные диалоговые окна! Ха-ха-ха!!!!
alert("Hahahaha!");
}
}
sweetRevenge();
В этом примере комментарии отмечены символами // и дают относительно точную информацию о коде, который описывают.
О комментариях важно помнить, что они не выполняются вместе с остальным кодом. JavaScript игнорирует комментарии. Вы ему не нравитесь, и его не волнует, что вы хотите сказать, поэтому даже не парьтесь по поводу синтаксиса, пунктуации и всего того, что важно при написании кода. Комментарии нужны только для понимания действий с отдельными фрагментами кода.
Помимо этого, комментарии служат еще одной цели. Их можно оставлять, чтобы отмечать строки кода, выполнять которые сейчас не нужно:
function insecureLogin(input) {
if (input == "password") {
// let key = Math.random() * 100000;
// processLogin(key);
}
return false;
}
В этом примере две нижеприведенные строки отображаются в редакторе, но не выполняются:
// let key = Math.random() * 100000;
// processLogin(key);
Мы будем часто использовать редактор в качестве черновика, и комментарии — это отличный способ отслеживать шаги, которые мы предпринимали, чтобы код заработал, при этом никак не влияя на работу приложения.
Однострочные комментарии
Есть несколько вариантов комментариев в коде. Один из них — это однострочные комментарии, которые обозначаются двумя наклонными чертами // и содержат сообщение. Такой вид комментариев мы уже видели.
Мы можем размещать их в отдельно выделенной строке:
// Возвращает больший из двух аргументов.
function max(a, b) {
if (a > b) {
return a;