Anonymous functions and memory consumption

Question

In terms of memory consumption, are these equivalent or do we get a new function instance for every object in the latter?

var f=function(){alert(this.animal);}
var items=[];
for(var i=0;i<10;++i)
{
    var item={"animal":"monkey"};
    item.alertAnimal=f;
    items.push(item);
}

and

var items=[];
for(var i=0;i<10;++i)
{
    var item={"animal":"monkey"};
    item.alertAnimal=function(){alert(this.animal);};
    items.push(item);
}

EDIT

I'm thinking that in order for closure to work correctly, the second instance would indeed create a new function each pass. Is this correct?

Answer 1

You should pefer the first method, since the second one creates a function every time the interpreter passes that line.

Regarding your edit: We are in the same scope all the time, since JavaScript has function scope instead of block scope, so this might be optimizable, but i did not encounter an implementation that doesn't create it every time. I would recommend not to rely on this (probably possible) optimization, since implementations that lack support could likely exceed memory limits if you use this technique extensively (which is bad, since you do not know what implementation will run it, right?).