Почему видимость var выходит за пределы блока а let и const нет

var имеет функциональную область видимости, поэтому она доступна во всей функции, даже если объявлена внутри блока (например, if или for). let и const имеют блочную область видимости и доступны только внутри блока, где были объявлены.

if (true) {
  var x = 10;
  let y = 20;
  const z = 30;
}
console.log(x); // 10
console.log(y); // ReferenceError
console.log(z); // ReferenceError

var также подвержена "всплытию" (hoisting), но инициализируется как undefined, тогда как let/const тоже всплывают, но остаются в "временной мёртвой зоне" до объявления.