Квадратные скобки после создания объекта

Question

У меня есть проблемы со следующим кодом:

// At the beginning 
var prog = {} 
// some attributes of prog and other methods 
// ... 

prog.stateChange = function(state) 
{ 
    var functionOfState = 
    { 
     onState1: function() 
     { 
      // some code 
     }, 

     onState2: function() 
     { 
      // some code 
     } 
    }['on'+state]() 
} 

Какие цели имеют эти квадратные скобки после создания объекта functionOfState? Является ли это множеством возможных методов?

Извините, я новичок в JS, и я не нашел никакой информации об этом. Я очень ценю любую помощь.

Answer 1

Этот код делает почти же, как:

var functionOfState = 
{ 
    onState1: function() 
    { 
     // some code 
    }, 

    onState2: function() 
    { 
     // some code 
    } 
} 

functionOfState['on'+state](); 

Он просто создает объект, который хранит различные функции. Затем он вызывает один из них в соответствии с текущим значением state.

Может быть, это будет еще проще:

var functionOfState = {}; 

functionOfState['onState1'] = function() { 
    // someCode 
}; 

functionOfState['onState2'] = function() { 
    // someCode 
}; 

functionOfState['on'+state](); // when state is 'State2', 'onState2' will be called 

той разницей, что в вашем коде он не хранит этот объект с функциями, но называет это непосредственно.

Answer 2

Это (не самый ясный) способ извлечь поле из объекта.
в JS, оператор подстрочный ([]) может извлечь свойство из объекта так же, как оператор точка (.), поэтому следующие выражения равны:

var obj = { field : value }; 
obj.field == obj["field"]; //returns true 

на вашем примере объект с полями onState1, onState2. то, используя индексный оператор, правильным свойством является extract. это равнозначно на письменной форме

prog.stateChange = function(state) 
{ 

    var temp = 
    { 
     onState1: function() 
     { 
      // some code 
     }, 

     onState2: function() 
     { 
      // some code 
     } 
    }; 
    var functionOfState = state == onState1 ? temp.onState1 : temp.onState2; 
    functionOfState(); 
} 

Это не законный способ извлечения свойства/метода из объекта. в основном, если кто-то изменяет имя метода, код прерывается. гораздо проще просто использовать корпус коммутатора.