В какой момент создаются переменные внутри функции?

Question

Переменные внутри функции создаются на этапе подготовки контекста выполнения, ещё до выполнения кода функции. Движок JavaScript сначала создаёт переменные и функции, а затем выполняет код построчно. При этом var и функции инициализируются иначе, чем let и const. Последние находятся в так называемой временной мёртвой зоне до момента объявления.

YeaHub · Accepted Answer

Создание переменных происходит не в момент выполнения строки, а раньше — при создании контекста выполнения функции.1) Две фазы выполнения функцииКогда вызывается функция, движок проходит два этапа:Creation phase (создание контекста):создаются переменныесоздаются функцииформируется scopeExecution phase:код выполняется построчно2) Что происходит с разными типами объявленийОпределение: Hoisting — механизм, при котором объявления переменных и функций обрабатываются до выполнения кода.Поведение:varсоздаётся и инициализируется значением undefinedlet и constсоздаются, но не инициализируютсядоступ запрещён до строки объявления (TDZ)function declarationсоздаётся полностьюПример:console.log(a); // undefined
var a = 10;
3) Временная мёртвая зонаОпределение: Temporal Dead Zone (TDZ) — область кода от начала блока до объявления переменной let или const, где доступ к ней запрещён.Пример:console.log(x); // ReferenceError
let x = 5;
4) Почему это важноОбъясняет порядок выполнения кода.Помогает избегать ошибок с undefined.Позволяет правильно проектировать область видимости.Вывод: переменные создаются на этапе создания контекста выполнения, но инициализируются по-разному в зависимости от типа объявления.