Область применения при динамическом связывании общих функций с объектами. (шаблон модуля)

Question

Каков правильный способ установки соответствующих значений?
Как сделать эту работу «для ... в».

Функция, которую я связываю с self [state], появляется после цикла с последним значением состояний [state], а не ассоциированным с ним во время цикла.

cssbtn = function(id, states, state){ 

    var self = document.getElementById(id); 
    var states = states || {'off': '0px 0px', 'selected': '-20px 0px', 'selected2': '-40px 0px' }; 
    var state = state || 'off'; 

    for (state in states) { 
    self[state] = function(){ 
     alert(states[state]); //demo purposes 
    } 
    } 

    self.onmouseover = function(evt){ 
    self.selected(); 
    } 

    self.onmouseout= function(evt){ 
    self.off(); 
    } 

    self.onclick= function(evt){ 
    self.selected2(); 
    } 

    return self; 
} 

Answer 1

один правильный ответ:

self[state] = (function(i) { return function() { alert(i) } })(states[state]); 

наткнулся на него из: How can one de-reference JavaScript variables when enclosing an outer scope

Является ли это единственный способ? Более очевидный/элегантный многоязычный (не такой javascript) подход?