Как работают области видимости

Области видимости определяют доступность переменных в разных частях кода. В JS есть глобальная, функциональная и блочная области видимости.

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

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

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

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

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

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

Области видимости образуют цепочку (scope chain) - если переменная не найдена в текущей области, движок ищет её во внешних областях.