Closure for setInterval function in javascript

Question

How to use setInterval without using global variables? I\'d prefer to wrap all variables of function invoked by setInerval in some kind of closure, like so:

Answer 1

I assume you're looking for something like this...

var wrap = function (f){
    var locals = Array.prototype.slice.call(arguments, 1);
    return function () { f.apply(this, locals); }
};


function logger_func() {
    console.log.apply(console, arguments);
}

for (var i = 0; i < 10; i++) {
    setTimeout( wrap(logger_func, i, "foo_" + i), // <-- wrapping i
                i * 1000 );
}

---

Note that modern environments let you pass extra arguments to setTimeout...

for (var i = 0; i < 10; i++) {
    setTimeout(logger_func, i * 1000, i, "foo_" + i);
}