Разработчик объяснил 3 типа переменных в JavaScript простыми примерами

Разработчик Satya Sootar опубликовал подробный гайд по работе с переменными в JavaScript. Материал охватывает три способа объявления переменных и объясняет, почему современные стандарты рекомендуют отказаться от var.

В JavaScript существует три ключевых слова для создания переменных: let, const и var. Каждое имеет свои особенности области видимости и поведения.

Let — изменяемые переменные с блочной областью видимости

Ключевое слово let создает переменную, значение которой можно изменить. Главное преимущество — блочная область видимости, когда переменная доступна только внутри фигурных скобок, где объявлена.

let name = "Иван";
console.log(name); // Иван
name = "Петр";
console.log(name); // Петр

Если переменная объявлена внутри функции или блока, она недоступна снаружи — это предотвращает ошибки и конфликты имен.

Const — константы для неизменяемых значений

Переменные const нельзя переназначить после создания. Попытка изменить значение вызовет ошибку TypeError.

const apiUrl = "https://api.example.com";
console.log(apiUrl); // работает
apiUrl = "другой URL"; // TypeError: Assignment to constant variable

Как и let, константы имеют блочную область видимости — недоступны за пределами блока объявления.

Var — устаревший способ с подводными камнями

Ключевое слово var появилось в первых версиях JavaScript и до сих пор поддерживается для обратной совместимости. Но современные стандарты не рекомендуют его использование из-за непредсказуемого поведения.

Основные проблемы var:

• Функциональная область видимости — переменная доступна во всей функции, даже если объявлена в блоке
• Hoisting — объявление «поднимается» в начало области видимости, что может привести к undefined

if (true) {
 var blockVar = "доступна везде";
}
console.log(blockVar); // работает, хотя не должно

Автор приводит сравнительную таблицу возможностей:

Практические рекомендации

Современная практика JavaScript-разработки предполагает:

• Используй const по умолчанию — для значений, которые не планируешь менять
• Применяй let когда нужно переназначение — в циклах, условиях
• Избегай var в новом коде — оставь его для поддержки legacy-проектов

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

Следующая часть гайда будет посвящена типам этих в JavaScript.