javascript - support - ecmascript 6 vs typescript

¿Qué significan los corchetes alrededor del nombre de una propiedad en un objeto literal?

Question

He estado escribiendo en JS por un tiempo y no he usado este formulario:

  dist: {
    files: {
      [bpr + ''lib/Monster.min.js'']: [''<%= concat.dist.dest %>'']
    }
  }
}

el

[]:[]

funciona, simplemente no lo he usado o visto antes.

Answer 1

Solo recientemente con ES6. Se llaman "nombres de propiedad calculados"

De MDN :

A partir de ECMAScript 2015, la sintaxis del inicializador de objetos también admite nombres de propiedades calculados. Eso le permite poner una expresión entre corchetes [] , que se calculará como el nombre de la propiedad.