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

При работе с переменными в javascript, вы можете использовать три ключевых слова: var, let и const. Каждый из этих вариантов имеет свои особенности, которые важно понимать для написания качественного и безопасного кода. Давайте разберем каждый из них подробно.

1. var

• Область видимости: Переменные, объявленные с помощью var, имеют функциональную область видимости. Это значит, что они доступны в пределах функции, в которой были объявлены, или глобально, если объявлены вне функции.
• Подъем (Hoisting): Переменные, объявленные с помощью var, поднимаются в верхнюю часть своей области видимости. Это означает, что вы можете использовать переменную до её объявления.
• Перезапись: var позволяет перезаписывать переменные.

Пример:

function example() {
    console.log(a); // undefined
    var a = 10;
    console.log(a); // 10
}
example();

Советы:

• Избегайте использования var, чтобы избежать путаницы с областью видимости и подъёмом переменных.

2. let

• Область видимости: Переменные, объявленные с помощью let, имеют блочную область видимости. Это означает, что они доступны только в пределах блока {}, в котором были объявлены.
• Подъем (Hoisting): Как и с var, переменные, объявленные с помощью let, также поднимаются, но они находятся в "временной мертвой зоне" (Temporal Dead Zone) до момента объявления.
• Перезапись: let позволяет перезаписывать переменные, но не позволяет повторно объявлять их в одной и той же области видимости.

Пример:

function example() {
    //console.log(a); // ReferenceError: Cannot access 'a' before initialization
    let a = 10;
    console.log(a); // 10
}
example();

Советы:

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

3. const

• Область видимости: Как и let, переменные, объявленные с помощью const, имеют блочную область видимости.
• Подъем (Hoisting): Переменные const также поднимаются и находятся в "временной мертвой зоне".
• Перезапись: const предназначен для создания констант, т.е. переменных, которые не могут быть переназначены. Однако, если переменная является объектом или массивом, вы можете изменять его свойства или элементы.

Пример:

const a = 10;
// a = 20; // TypeError: Assignment to constant variable.

const obj = { name: "Alice" };
obj.name = "Bob"; // Это допустимо
console.log(obj.name); // Bob

Советы:

• Используйте const для переменных, которые не должны изменяться, что делает код более предсказуемым и безопасным.

Сравнение

• Область видимости: var — функциональная, let и const — блочная.
• Подъем: Все поднимаются, но с let и const есть "временная мертвая зона".
• Перезапись: var и let могут быть переназначены, const — нет.

Распространенные ошибки

1. Использование var вместо let или const: Это может привести к ошибкам, связанным с областью видимости.
2. Попытка переназначить const: Это вызовет ошибку выполнения.
3. Неосознание "временной мертвой зоны": Попытка доступа к переменной до её объявления приведет к ошибке.

Понимание различий между var, let и const поможет вам писать более чистый и безопасный код. Рекомендуется использовать let и const в новых проектах, а var оставить для совместимости со старыми кодовыми базами.