Lassen Sie uns das neueste JavaScript-Grundelement beleuchten

Ein Symbol steht für eine eindeutige Kennung. Es kann als eindeutige Kennung für den Schlüssel eines Objekts verwendet werden. Dies ist der Hauptzweck des Datentyps.

Vergleichen wir zum besseren Verständnis zwei boolesche Variablen:

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

In diesem Fall sind die beiden booleschen Werte x und y hier gleich.

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

Aber in diesem Fall sind a und b hier nicht gleich. Dies liegt daran, dass Symbole eindeutige Werte darstellen.

Optional können wir beim Erstellen eines Symbols eine Beschriftung übergeben:

let sku = Symbol("sku")

Anwendungsfall

Angenommen, wir erhalten vom API-Aufruf ein Benutzerobjekt, dem wir von unserem eigenen Front-End-System eine eindeutige Kennung zuweisen möchten. Wir möchten die id-Eigenschaft des Originalobjekts nicht mit unserer Kennung überschreiben.

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