TypeScript - was bedeuten eckige Klammern im Eigenschaftsnamen?

Question

Ich sah diesen TypeScript Code irgendwo. Es kompiliert ohne irgendwelche Probleme:

Ich nehme an, es erstellt dynamisch ein Objekt literal mit Eigenschaftenname namens eventName. Ist diese Annahme richtig? Wo wird diese Funktion in den TypeScript-Dokumenten beschrieben?

Answer 1

Das ist keine Typoskript-Funktion, sondern eine Javascript-Funktion. Es heißt eine berechnete Eigenschaft. Hier sind die Docs für sie: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names

Zusätzlich ist es nicht eine Eigenschaft mit dem Schlüssel eventName erstellen, sondern schafft eine Eigenschaft mit einem Schlüssel, der Wert der Variablen eventName ist. Wenn z. B. eventName = "foo", dann ist {[eventName]: "bar"} dasselbe wie {foo: "bar"}.