Как выполняется код JavaScript

Код читается сверху вниз

JavaScript выполняет инструкции по порядку: сначала первая строка, потом вторая, потом третья. Никакой магии — движок просто идёт сверху вниз.

const first = 'Первый шаг';
const second = 'Второй шаг';
const third = 'Третий шаг';

console.log(first);
console.log(second);
console.log(third);

Этот код выведет три строки именно в таком порядке — потому что console.log(first) написан раньше, чем console.log(second).

Порядок имеет значение

Попробуй мысленно поменять строки местами — и результат изменится. Это не очевидно на простых примерах, но становится критичным, когда одна строка использует результат другой.

const name = 'Анна';
const greeting = 'Привет, ' + name;

console.log(greeting);

Здесь важно, что name создаётся до greeting. Если переставить строки — код сломается, потому что name ещё не существует в момент создания greeting.

Каждая строка — это инструкция

Когда пишешь код, думай о нём как о пошаговом плане действий:

Создать переменную name и записать в неё 'Анна'
Создать переменную greeting, вычислив значение 'Привет, ' + name
Вывести greeting в консоль

Именно так движок и выполняет этот код — шаг за шагом.

Частые ошибки новичков

Самая частая ошибка — попытаться использовать переменную до её создания:

console.log(city); // ошибка! переменная ещё не создана

const city = 'Киев';

Движок дойдёт до console.log(city) и увидит, что city не существует — возникнет ошибка. Правило простое: сначала создай переменную, потом используй.

Краткий итог

Код выполняется строка за строкой, сверху вниз.
Порядок строк влияет на результат.
Переменная должна быть создана до того, как её используешь.
Читай код как пошаговый план: каждая строка — один шаг.

Как выполняется код JavaScript