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

1️⃣ Как кратко ответить

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

2️⃣ Подробное объяснение темы

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

var

• Функциональная область видимости: Переменные, объявленные с помощью var, имеют область видимости функции, в которой они объявлены. Если var используется вне функции, переменная становится глобальной.

function example() {
    var x = 10; // x доступна только внутри этой функции
}
console.log(x); // Ошибка: x не определена

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

console.log(y); // undefined
var y = 5;

В этом примере переменная y объявляется в начале, но инициализируется позже, поэтому выводится undefined.

let

• Блочная область видимости: Переменные, объявленные с помощью let, имеют область видимости блока, в котором они объявлены. Это делает их более предсказуемыми и безопасными для использования в циклах и условных конструкциях.

if (true) {
    let z = 20; // z доступна только внутри этого блока
}
console.log(z); // Ошибка: z не определена

• Нет всплытия: Хотя let также подвержен всплытию, он не позволяет использовать переменную до ее объявления, что предотвращает ошибки.

console.log(a); // Ошибка: Cannot access 'a' before initialization
let a = 10;

const

• Блочная область видимости: Как и let, const имеет блочную область видимости.

• Константы: Переменные, объявленные с помощью const, должны быть инициализированы при объявлении и не могут быть переназначены.

const b = 30;
b = 40; // Ошибка: Assignment to constant variable

• Изменяемость объектов: Хотя const не позволяет переназначать переменные, это не делает объекты неизменяемыми. Свойства объекта, объявленного с помощью const, могут быть изменены.

const obj = { key: 'value' };
obj.key = 'newValue'; // Это допустимо

Применение

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