В чём разница между var, let и const в JavaScript?

Различия let, const и var

• ключевые слова JS, предназначенные для объявления переменных
• var: функциональная область видимости; к переменной можно обратиться до строки объявления благодаря hoisting
• let: область видимости ограничена блоком; обращение до объявления невозможно (hoisting не выполняется)
• const: блочная область видимости и неизменяемая ссылка; значение необходимо задать сразу при объявлении
• Повторное объявление разрешено для var, но запрещено для let и const
• const фиксирует только ссылку, поэтому содержимое объекта или массива всё ещё можно изменять
• В большинстве случаев лучше выбирать let и const, чтобы уменьшить риск ошибок, связанных с областями видимости
• практическое применение: var считается устаревшим, let используют для переменных, которые меняются, а const — для констант и ссылок, которые нельзя переназначить

Подробный ответ

Основной ответ

В JavaScript конструкции var, let и const служат для объявления переменных, однако отличаются областью видимости, поведением при поднятии (hoisting) и правилами переназначения. var — более старый вариант, появившийся в ранних версиях JS. let и const вошли в стандарт ES6 (ES2015) и обеспечили более предсказуемую работу с областью видимости и неизменяемостью.

Ключевые моменты

• Область видимости:
• var обладает функциональной областью видимости (либо глобальной, если объявление находится за пределами функции), из-за чего легче получить ошибку.
• У let и const область видимости блочная: переменная доступна только внутри ближайшего {}.
• Поднятие (hoisting):
• Объявление var поднимается, а переменная в начале соответствующей области видимости получает значение undefined.
• Объявления let и const также поднимаются, но до выполнения строки объявления не инициализируются. Поэтому попытка обратиться к ним раньше приводит к ошибке ReferenceError — это называют "временной мёртвой зоной".
• Изменяемость:
• Значения переменных, объявленных через var и let, можно переназначать.
• const запрещает переназначение и делает переменную константой, однако для объекта или массива изменение внутреннего содержимого остаётся возможным.
• Дополнительные нюансы:
• С помощью var можно повторно объявить переменную в той же области видимости, что становится источником ошибок.
• Повторное объявление переменных через let и const в одной области видимости запрещено.

Практический контекст

В современных JavaScript-проектах, в том числе использующих React 18+, TypeScript и актуальные сборщики, var почти не применяют из-за сложностей отладки и непредсказуемого поведения. Обычно для изменяемых переменных выбирают let, а для значений и ссылок, которые не должны переназначаться, — const. Такой подход делает код понятнее и помогает сократить число ошибок.