Разница между функциональной и блочной видимостью

[evo]

Функциональная область видимости —

переменные, объявленные через var, доступны внутри всей функции, в которой они объявлены, независимо от блоков (if, for и т.д.).

function example() {
  if (true) {
    var x = 10;
  }
  console.log(x); // 10 — var видна везде в функции
}

---

Блочная область видимости —

переменные, объявленные через let и const, доступны только внутри блока (в фигурных скобках {}), где они объявлены.

function example() {
  if (true) {
    let y = 20;
  }
  console.log(y); // Ошибка! y не видна за пределами блока if
}

---

Главное:

• var → функция определяет область видимости.
• let / const → любой блок ({}) определяет область видимости.

Блочная область видимости делает код безопаснее и понятнее.