Not immediately wrong looking for loop

looptest.js

// not very obviously wrong looking function 
var for_test_func = function(outer, inner, obj) {
    for (var i in obj) {
        outer(i, function() { 
            inner(obj[i]);
        });
    } 
}; 


// problem will be more obvious when the two different implementations
// are seen, but this isn't necessarily known to the author of the
// above function. 

var immediate = function(obj) {
    var items = [];

    var inner = function(o) {
        items.push(o);
    };

    var outer = function(i, f) {
        console.log(i);
        f(); 
    };
     
    for_test_func(outer, inner, obj);

    console.log(items);
};

var cached = function(obj) {
    var callables = [];
    var items = []; 
     
    var inner = function(o) {
        items.push(o);
    };

    var outer = function(i, f) {
        console.log(i); 
        callables.push(f); 
    }; 

    for_test_func(outer, inner, obj); 

    callables.forEach(function(f) { f(); }); 
    console.log(items); 
}; 
 
// check the console outputs 
immediate({a: 1, b: 2, c: 3, d: 4}); 
cached({a: 1, b: 2, c: 3, d: 4});