Utwórz obiekt z dynamicznych nazw właściwości

Question

Próbuję to zrobić:

var KEYS = {} ; 

KEYS.PHONE_TYPE = 'phone-type'; 
KEYS.AGENT_TYPE = 'agent-type'; 

var myAppConfig = { 
    ... 
    iconMap : { 
     KEYS.PHONE_TYPE : 'icon-phone', 
     KEYS.AGENT_TYPE : 'icon-headphones' 
    }; 
    ... 
}; 

Ale się niepowodzeniem z komunikatem: Expected ':' and instead saw '.'.

Jak mogę zainicjować obiektu przy pośrednim (nie dosłowne) keynames?

Żeby było jasne, w wyniku czego chcę to:

{ 
    'phone-type' : 'icon-phone', 
    'agent-type' : 'icon-headphones' 
} 

Answer 1

Trzeba by dodać te właściwości oddzielnie przy użyciu notacji Wspornik:

var myAppConfig = { 
    ... 
    iconMap : { } 
    ... 
}; 

myAppConfig.iconMap[ KEYS.PHONE_TYPE ] = 'icon-phone'; 
myAppConfig.iconMap[ KEYS.AGENT_TYPE ] = 'icon-headphones'; 

Answer 2

Jeśli używasz ES6 (lub coś podobnego Babel/browserify), możesz napisać to tak:

iconMap : { 
    [KEYS.PHONE_TYPE] : 'icon-phone', 
    [KEYS.AGENT_TYPE] : 'icon-headphones' 
};