Як читається програма — JavaScript

Програма JavaScript — послідовність інструкцій (statements). Двигун зазвичай виконує їх зверху вниз, рядок за рядком, доки не закінчиться файл або не трапиться помилка. Пізніше зʼявляться умови й цикли, які змінюють порядок — але база завжди «йдемо далі». Уявіть рецепт: спочатку крок один, потім два, потім три — код працює так само, якщо немає розгалужень.

Інструкції й крапка з комою

Крапка з комою ; у кінці рядка в сучасному JS часто не обовʼязкова: двигун сам «вставляє» її за правилами Automatic Semicolon Insertion (ASI). Усе ж у навчальних прикладах її ставлять явно — так видно межі інструкцій. Головне — не починати наступний рядок із (, [, або оператора так, щоб ASI склеїв рядки неправильно і змінив сенс програми.

Порада

Поки вчитесь — ставте ; після простих інструкцій. Це зменшує сюрпризи й полегшує читання чужого коду. Коли звикнете до структури файлу, помітите, де крапка з комою й так «підставляється» автоматично.

Увага

Рядок, що починається з дужки або квадратної дужки, іноді «прилипає» до попереднього без ; — і ви отримуєте не те, що очікували. У професійних проєктах часто вмикають linter, який підказує такі місця.

Коментарі

Усе після // до кінця рядка — коментар: двигун його ігнорує. Блок /* ... */ може займати кілька рядків. Коментарі для людей: пояснити «чому», тимчасово вимкнути рядок або залишити нотатку собі на завтра. Добрий коментар не дублює очевидне («збільшуємо лічильник» біля i++), а пояснює бізнес-логіку або неочевидне обмеження.

Читати чужий код часто легше, коли ви знаєте порядок виконання: спочатку оголошення змінних, потім обчислення, потім вивід. У маленькому файлі все видно одразу; у великому шукайте «точку входу» — функцію або рядки на початку, що запускають логіку. Коментарі й порожні рядки між блоками допомагають розділити сенсові частини. Якщо закоментувати середину файлу, двигун просто пропустить ці рядки — порядок решти не зміниться.

Приклад

Файл із трьома console.log виконається завжди в тому порядку, як написано, якщо між ними немає return або throw. Змініть порядок рядків у редакторі — зміниться й порядок повідомлень у виводі. Це простий експеримент, який закріплює ідею «програма = список кроків».

JavaScript

// Спочатку один крок
console.log("Крок 1");

/* Потім другий —
   багаторядковий коментар */
console.log("Крок 2");

console.log("Крок 3"); // кінець

Вивід

Натисніть «Запустити» — вивід зʼявиться тут

Підказка

Закоментуйте «Крок 2» через // і подивіться, що зникне з виводу.

Вправа

JavaScript

Надрукуйте console.log("Крок 3") — як у прикладі вище.

JavaScript

// ваш код

Тести

Ще не перевіряли

Що запамʼятати

Код читається зверху вниз. Крапка з комою розділяє інструкції; // і блокові коментарі /* */ — лише для людей. Порядок інструкцій і є перший «алгоритм» програми: змініть порядок console.log — зміниться й порядок рядків у виводі. Це найпростіший спосіб переконатися, що ви контролюєте потік виконання.