Usando colchetes em chaves literais de objeto

Pode ser difícil entender como as chaves podem ser atribuídas usando colchetes dentro de um literal de objeto. Vamos nos aprofundar na explicação por trás dessa sintaxe ES2015.

O snippet de código que você forneceu:

let a = "b"
let c = {[a]: "d"}

usa a sintaxe do nome da propriedade computada, que é uma abreviação para a atribuição tradicional do ES3/5 someObject[someKey]. Em outras palavras, ele se expande para:

var a = "b"
var c = {}
c[a] = "d"

Essa sintaxe permite gerar dinamicamente nomes de propriedades com base em variáveis ​​ou expressões, proporcionando maior flexibilidade na construção de objetos. Ao usar esse recurso, certifique-se de que o nome da propriedade esteja entre colchetes, como em [a] no exemplo.