Что такое область видимости переменной

Область видимости (scope) определяет, где переменная доступна в коде. В JavaScript есть 3 типа scope:

1. Глобальный - переменная доступна везде

const globalVar = 'I am global';
function test() {
  console.log(globalVar); // доступна
}

2. Функциональный - переменная доступна только внутри функции

function test() {
  const funcVar = 'I am local';
  console.log(funcVar); // работает
}
console.log(funcVar); // ReferenceError

3. Блочный (с let/const) - переменная доступна только в блоке {}

if (true) {
  const blockVar = 'I am block';
  console.log(blockVar); // работает
}
console.log(blockVar); // ReferenceError

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

• var имеет функциональную область видимости
• let/const имеют блочную область видимости
• Вложенные функции имеют доступ к переменным родительских функций (замыкания)