Block-, function- en module-scope en de TDZ
Begrijp block-, function- en module-scope; zie de TDZ in actie en voorkom dat variabelen lekken.
Block-, function- en module-scope en de TDZ is een gratis JavaScript Academy-les op CoddyKit. Dit is les 2 van 3. 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 3 lessen.
Intro
Doel: Weet waar variabelen leven en wanneer je ze kunt gebruiken.
- Blokbereik (let/const)
- Functiebereik (var)
- Modulebereik
- Veilig omgaan met TDZ
Demo van blokbereik
Blokbereik houdt variabelen lokaal binnen een paar accolades.
// Block scope: let/const exist only inside the braces
let lives = 3;
if (true) {
const bonus = 5;
let level = 1;
console.log("Inside block:", bonus, level);
}
console.log("Lives:", lives);
// Uncommenting next line would fail (not in scope):
// console.log(bonus, level);
Functiebereik met var
var heeft functiebereik en geen blokbereik. Gebruik in moderne JavaScript bij voorkeur let/const.
// Function scope: var is visible across the whole function
function demo() {
if (true) {
var x = 10; // function-scoped
}
console.log("x is visible here:", x); // 10
}
demo();
De basis van modulebereik
Modulebereik: bindingen op topniveau zijn lokaal voor het bestand (ES-modules).
// Module scope: top-level variables are local to the module file
const appName = "CoddyKit";
console.log("App name:", appName);
// In a real project, this would be its own file/module.
// Other files must import to access appName.
Tijdelijke dode zone
TDZ voorkomt dat waarden per ongeluk te vroeg worden gelezen. Declareer eerst en gebruik daarna.
// TDZ: using let/const before declaration throws ReferenceError
try {
// Uncommenting would trigger TDZ:
// console.log(mode); // ReferenceError
let mode = "dark";
console.log("Mode after declare:", mode);
} catch (e) {
console.log("Caught:", e.message);
}
Valkuilen van bereik
Valkuilen:
- Gebruik var niet samen met let/const in hetzelfde bereik.
- Declareer dicht bij het gebruik.
- Lees geen waarden vóór de declaratieregel (TDZ).
Quiz over TDZ
Korte controle: gedrag van TDZ.
Samenvatting
Samenvatting: let/const hebben blokbereik; var heeft functiebereik; modules hebben hun eigen bestandsbereik; TDZ voorkomt te vroege toegang.
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 “Block-, function- en module-scope en de TDZ” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Block-, function- en module-scope en de TDZ”, 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 3 lessen.
Wat leer ik in “Block-, function- en module-scope en de TDZ”?
Begrijp block-, function- en module-scope; zie de TDZ in actie en voorkom dat variabelen lekken. 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 3.
Hoe lang duurt de les “Block-, function- en module-scope en de TDZ”?
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
- let, const en var vermijden
- Block-, function- en module-scope en de TDZ
- Naamgeving, leesbaarheid en veelvoorkomende valkuilen