Symbols als objectkeys
Gebruik symbols voor eigenschappen zonder naamconflicten.
Symbols als objectkeys is een gratis JavaScript Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 4 lessen.
Symbolen als sleutels
Een symbool kan worden gebruikt als sleutel van een objecteigenschap. Omdat elk symbool uniek is, kan zo'n eigenschap niet per ongeluk botsen met een string-sleutel.
const id = Symbol("id")
const user = {}
user[id] = 123
console.log(user[id])Berekende symboolsleutels
Als je een symbool als sleutel in een objectliteral wilt gebruiken, zet je het tussen vierkante haken als berekende eigenschapsnaam.
const id = Symbol("id")
const user = {
name: "Ann",
[id]: 99
}
console.log(user[id])Een symbooleigenschap lezen
Je moet een verwijzing naar hetzelfde symbool hebben om de eigenschap te lezen. Zonder die verwijzing is de waarde in de praktijk verborgen.
const secret = Symbol("secret")
const obj = { [secret]: "hidden" }
console.log(obj[secret])Niet opsombaar in for-in
Symboolsleutels worden overgeslagen door een for-in-lus. Daardoor blijven symbooleigenschappen buiten gewone iteratie.
const tag = Symbol("tag")
const obj = { a: 1, b: 2, [tag]: 3 }
for (const key in obj) {
console.log(key)
}Overgeslagen door Object.keys
Object.keys geeft alleen string-sleutels terug, dus eigenschappen met symboolsleutels worden ook daaruit weggelaten.
const tag = Symbol("tag")
const obj = { a: 1, [tag]: 2 }
console.log(Object.keys(obj))Verborgen voor JSON
JSON.stringify negeert symboolsleutels volledig, waardoor ze nooit in geserialiseerde uitvoer verschijnen. Daardoor zijn ze handig voor interne metagegevens.
const meta = Symbol("meta")
const obj = { name: "Bo", [meta]: "internal" }
console.log(JSON.stringify(obj))Symboolsleutels vinden
Gebruik Object.getOwnPropertySymbols om symboolsleutels op te sommen. Deze methode geeft een array terug met de symbooleigenschappen van een object.
const tag = Symbol("tag")
const obj = { a: 1, [tag]: 2 }
const syms = Object.getOwnPropertySymbols(obj)
console.log(syms.length)Naamconflicten voorkomen
Met symboolsleutels kunnen verschillende bibliotheken eigenschappen aan hetzelfde object toevoegen zonder elkaar per ongeluk te overschrijven, omdat hun symbolen verschillen.
const libA = Symbol("data")
const libB = Symbol("data")
const shared = {}
shared[libA] = 1
shared[libB] = 2
console.log(shared[libA], shared[libB])Symboolsleutels en spreiden
De spreidoperator voor objecten kopieert wel symboolsleutels, in tegenstelling tot for-in en Object.keys. Houd er dus rekening mee dat ze bij het klonen worden meegenomen.
const tag = Symbol("tag")
const src = { a: 1, [tag]: 2 }
const copy = { ...src }
console.log(copy[tag])Gegevens die op privégegevens lijken opslaan
Symboolsleutels bieden een lichte vorm van privacy: de gegevens zijn alleen bereikbaar voor code die het symbool bevat, waardoor ze buiten normale eigenschapslijsten blijven.
const balance = Symbol("balance")
function makeAccount() {
const acct = {}
acct[balance] = 100
return { acct: acct, key: balance }
}
const a = makeAccount()
console.log(a.acct[a.key])Symbooleigenschappen verwijderen
Je verwijdert een symbooleigenschap op dezelfde manier als elke andere eigenschap: met de operator delete en de verwijzing naar het symbool.
const tag = Symbol("tag")
const obj = { [tag]: 5 }
delete obj[tag]
console.log(obj[tag])Korte controle
Test je kennis over symboolsleutels.
Samenvatting
Samenvatting: Symbolen maken veilige, verborgen objectsleutels mogelijk.
- Gebruik vierkante haken voor berekende symboolsleutels
- Worden overgeslagen door for-in, Object.keys en JSON
- Worden opgevraagd via Object.getOwnPropertySymbols
- Handig voor metagegevens zonder naamconflicten
const k = Symbol("k")
const o = { [k]: 7 }
console.log(o[k])
Leer JavaScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 59
- Lessen
- 200
Veelgestelde vragen
Is de les “Symbols als objectkeys” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Symbols als objectkeys”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 4 lessen.
Wat leer ik in “Symbols als objectkeys”?
Gebruik symbols voor eigenschappen zonder naamconflicten. Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met JavaScript Academy te beginnen?
Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.
Hoe lang duurt de les “Symbols als objectkeys”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?
Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Unieke Symbols maken
- Symbols als objectkeys
- Het globale Symbol-register
- Bekende Symbols