Инструкции JavaScript
Вы уже умеете отправлять результат на страницу, в диалог или только в Console. Теперь разберём единицы работы внутри скрипта: инструкции (statements). Каждая инструкция — одно полное задание. Несколько инструкций выполняются сверху вниз, пока позже средства управления потоком не изменят путь.
Что такое инструкция JavaScript и как писать несколько?
Инструкция — полное задание, которое выполняет браузер: например, вывести значение или обновить элемент. В этом курсе заканчивайте каждую инструкцию точкой с запятой (;). Пишите их в том порядке, в каком хотите выполнение. Пробелы и переносы строк — для людей; смысл не меняется, если инструкции остаются ясными. Когда несколько инструкций идут вместе, оберните их в фигурные скобки { } — это блок кода.
Правила инструкций кратко
📊 Как думать об инструкциях на старте
| Идея | Что это значит для вас |
|---|---|
| Одна инструкция | Одно полное задание (затем ; в этом курсе) |
| Точка с запятой | Завершает инструкцию — сделайте привычкой |
| Последовательность | Сверху вниз: ранние строки заканчиваются раньше |
| Пробелы | Пробелы и пустые строки помогают читать; это не «лишний синтаксис» |
| Перенос строки | Можно разбить длинную инструкцию, если она ясна |
Блок { } |
Группа инструкций как одна единица (увидите часто) |
Одна инструкция
Начните с одного задания. Точка с запятой его закрывает. Console показывает результат вам — посетителям по-прежнему нужно обновление страницы, если это цель (прошлый урок).
console.log("One statement");
Полезные привычки
- Пока учитесь, держите в инструкции одну ясную задачу
- Ставьте
;в конце, даже если движок иногда угадывает - Прочитайте строку вслух: если это ещё не полное задание, вы не закончили
Несколько инструкций — порядок важен
Движок выполняет инструкции по порядку. Первый console.log заканчивается до начала второго. Поменяйте строки местами — порядок в Console тоже поменяется.
console.log("First");
console.log("Second");
console.log("Third");
На странице то же правило: более ранняя инструкция, задающая текст, выполняется до более поздней, которая его меняет. Порядок — часть смысла.
Больше одной инструкции в строке
Вы можете поставить две короткие инструкции в одну строку, если у каждой есть точка с запятой. Удобные файлы обычно держат одну инструкцию на строку. Общую строку используйте только когда оба шага крошечные и действительно вместе.
console.log("A"); console.log("B");
Пробелы и переносы
Лишние пробелы и пустые строки не создают новых инструкций. Разбивать длинную инструкцию на несколько строк нормально, если части всё ещё одно ясное задание. Не «чините» ошибку, стирая все пробелы — исправьте логику или пропущенную точку с запятой.
console.log(
"Still one statement"
);
console.log("Next statement");
Блоки кода — инструкции в скобках
Фигурные скобки { } собирают инструкции в блок. Скоро вы встретите блоки в функциях, проверках if и циклах. Пока считайте блок так: «эти инструкции идут вместе».
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
Обе инструкции внутри скобок выполняются по порядку. Заголовок остаётся на «Step two — last wins», потому что это присваивание последнее. Скобки не меняют правило сверху→вниз; они только группируют работу.
Попробуйте сами
- Выполните три строки
console.log; затем поменяйте первую и последнюю и проверьте порядок в Console. - Поставьте два коротких лога в одну строку с двумя точками с запятой; затем снова разнесите на две строки для чтения.
- Разбейте строковый лог на две строки, как в примере с пробелами — одна инструкция.
- Откройте HTML-демо блока; измените строку второго присваивания и обновите страницу.
- По желанию: уберите одну точку с запятой нарочно, посмотрите сообщение Console, верните обратно.
Частые ошибки
- Считать пробелы или пустые строки самой программой (они только оформляют чтение)
- Полагать, что поздние строки выполняются раньше ранних
- Пропускать точку с запятой «потому что один раз сработало», а потом попасть на запутанный авто-вставленный случай
- Путать этот урок с Выводом: инструкции — задания; Вывод был где появляется результат
- Ждать уже Syntax (следующий урок) — литералы, имена и регистр там
Кратко
- Инструкция — одно полное задание
- В этом курсе заканчивайте инструкции
; - Несколько инструкций выполняются сверху вниз
- Пробелы и переносы помогают людям; они не изобретают новые инструкции
{ }группирует инструкции в блок кода- Дальше: Syntax — как писать значения и имена внутри этих инструкций
🧠 Проверьте Свои Знания
Проверьте Свои Знания
Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему
📝 Инструкции
- Внимательно прочитайте каждый вопрос
- Выберите лучший ответ на каждый вопрос
- Вы можете пересдавать тест столько раз, сколько захотите
- Ваш прогресс будет показан вверху