Vamos lançar luz sobre o mais novo primitivo de JavaScript

Um símbolo representa um identificador exclusivo. Ele pode ser usado como um identificador único para a chave de um objeto. Este é o objetivo principal do tipo de dados.

Para entender melhor, vamos comparar duas variáveis ​​booleanas:

let x = true
let y = true
console.log(‘x === y’, x === y)

Nesse caso, os dois valores booleanos, xey aqui são iguais.

let a = Symbol()
let b = Symbol()
console.log(‘a === b’, a === b)

Mas, neste caso, aeb aqui não são iguais. Isso ocorre porque os símbolos representam valores únicos.

Opcionalmente, podemos passar um rótulo ao criar um símbolo:

let sku = Symbol("sku")

Caso de uso

Digamos que recebamos um objeto de usuário de uma chamada de API ao qual desejamos atribuir um identificador exclusivo de nosso próprio sistema front-end. Não queremos sobrescrever a propriedade id do objeto original com nosso identificador.

userFromApi:
{
  id: 143,
  firstName: 'Simon',
  lastName: 'Le Bon'
}

const idSym = Symbol('id')

userFromApi[idSym] = 32415343534 // our id for user
console.log("userFromApi", userFromApi)

{
  "id": 143,
  "firstName": "Simon",
  "lastName": "Le Bon",
  Symbol(id): 32415343534
}

console.log("userFromApi[idSym]", userFromApi[idSym])

userFromApi[idSym] 32415343534

https://www.youtube.com/watch?v=4J5hnOCj69w
https://javascript.info/symbol
https://developer.mozilla.org/en-US/docs/Glossary/symbol