Что такое область видимости в JS

Область видимости (scope) определяет доступность переменных в разных частях кода. В JS есть 3 типа областей:

1. Глобальная - переменные доступны везде
2. Функциональная - переменные доступны только внутри функции
3. Блочная (с let/const) - переменные доступны только внутри блока {}

// Глобальная
const globalVar = 'I am global';

function test() {
  // Функциональная
  var funcVar = 'I am functional';
  
  if (true) {
    // Блочная
    let blockVar = 'I am block-scoped';
    console.log(blockVar); // Работает
  }
  console.log(blockVar); // Ошибка
}

console.log(globalVar); // Работает
console.log(funcVar); // Ошибка

Особенности:

• var имеет функциональную область видимости
• let/const имеют блочную область видимости
• Область видимости определяется местом объявления, а не вызова