Wie kann ich dynamische Eigenschaftsnamen beim Initialisieren von Objekten in JavaScript verwenden?

Dynamische Eigenschaftsnamen bei der Objektinitialisierung

Bei der Initialisierung eines Objekts mit nicht-literalen Schlüsselnamen können Probleme auftreten. Beispielsweise schlägt der folgende Code mit einer Fehlermeldung über ein erwartetes „:“-Zeichen fehl:

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'
    };
    ...
};

Lösung für ES6

Verwendung der ES6-Syntax, dynamische Eigenschaftsnamen können mit eckigen Klammern erstellt werden. Der aktualisierte Code würde wie folgt aussehen:

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

Dieser Ansatz ermöglicht die Erstellung von Objekten mit dynamischen Eigenschaftsnamen, indem der gewünschte Eigenschaftsname in eckige Klammern eingeschlossen wird.

Das obige ist der detaillierte Inhalt vonWie kann ich dynamische Eigenschaftsnamen beim Initialisieren von Objekten in JavaScript verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!