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

Блочная область видимости (block scope) ограничена блоком кода {}, доступна для let и const. Переменные существуют только внутри блока, где объявлены.

if (true) {
  let blockVar = 'visible only here';
  console.log(blockVar); // работает
}
console.log(blockVar); // ReferenceError

Функциональная область видимости (function scope) ограничена функцией, доступна для var. Переменные видны во всей функции, даже если объявлены внутри блока.

function test() {
  if (true) {
    var functionVar = 'visible in whole function';
  }
  console.log(functionVar); // работает
}
console.log(functionVar); // ReferenceError

Ключевые отличия:

• let/const - блочная, var - функциональная
• Hoisting: var всплывает с undefined, let/const тоже всплывают, но остаются в TDZ до объявления