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

Вы можете получить доступ к переменной i, потому что она объявлена через var, а все переменные объявленные таким образом "всплывают" в начало родительской функции даже из вложенного блока.

Как вы видите переменную var:

function f() { 
  if (true) { 
    var variable = 10; 
  } 
  return variable; 
} 
 
console.log(f());

Как интерпретатор видит переменную var на самом деле:

function f() { 
  //Начало функции 
  var variable; 
 
  if (true) { 
    variable = 10; 
  } 
  return variable; 
} 
 
console.log(f());

Если вы хотите ограничить видимость данной переменной внутри цикла for, то используйте let вместо var.

Живой пример:

for (let i = 0; i <= 10; i++) { 
  console.log(i); 
} 
 
console.log(i, ' :вне цикла');

Область видимости переменной объявленной через let ограничена блоком, в котором она объявлена.