Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to access variable dynamically inside an anonymous function/closure?

To keep the global namespace clean, my JavaScript code is wrapped like this:

(function() {
    /* my code */
})();

Now I have some variables declared in this scope which I want to access using a variable variable name (e.g. the name is 'something' + someVar). In the global scope I'd simply use window['varname'], but obviously that doesn't work.

Is there a good way to do what I want? If not I could simply put those variables inside an object to use the array notation...

Note: eval('varname') is not an acceptable solution. So please don't suggest that.

like image 758
ThiefMaster Avatar asked Dec 22 '22 18:12

ThiefMaster


2 Answers

This is a good question because this doesn't point to the anonymous function, otherwise you would obviously just use this['something'+someVar]. Even using the deprecated arguments.callee doesn't work here because the internal variables aren't properties of the function. I think you will have to do exactly what you described by creating either a holder object...

(function() {
  var holder = { something1: 'one', something2: 2, something3: 'three' };

  for (var i = 1; i <= 3; i++) {
    console.log(holder['something'+i]);
  }
})();
like image 152
mVChr Avatar answered May 16 '23 08:05

mVChr


(function(globals) {
    /* do something */
    globals[varname] = yourvar;
})(yourglobals);
like image 40
yuxhuang Avatar answered May 16 '23 10:05

yuxhuang