Почему этот пример закрытия работает некорректно?

Question

Я видел примеры закрытия, и я думал, что я их понимаю, пока я не решил сделать это:

var f = []; 
for (var i = 0; i < 2; i++) { 
    f[i] = function foo(a) { 
     var h = i; 
     function bar() { 
      console.log(h); 
     } 
     if (a == 1) 
      bar(); 
    } 
} 

for (var j = 0; j < 2; j++) { 
    console.log(f[j](1)); 
} 

Выход заключается в следующем:

2 
2 

Когда я думал, что это будет 0, 1 так Я создал внешнюю функцию foo, где я храню i в переменной h Может ли кто-нибудь объяснить, что здесь происходит и почему эти setTimeout примеры работают исправно?

Answer 1

Для требуемого выхода обновления кода следующая

var f = []; 
for (var i = 0; i < 2; i++) { 
    f[i] = (function(i){ 
       return function foo(a) { 
       var h = i; 
       function bar() { 
        console.log(h); 
       } 
       if (a == 1) 
        bar(); 
      } 
     })(i); 
} 

for (var j = 0; j < 2; j++) { 
    console.log(f[j](1)); 
}