Declaraties versus expressies, basis van arrow functions
Function declarations versus expressions, de syntaxis van arrow functions en eenvoudige gebruikspatronen.
Declaraties versus expressies, basis van arrow functions is een gratis JavaScript Academy-les op CoddyKit. Dit is les 1 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: Leer declaraties van expressies te onderscheiden, de basis van pijlfuncties te leren en de eenvoudigste vorm voor de taak te kiezen.
- Declaratie
- Expressie
- De basis van pijlfuncties
Functiedeclaratie
Een functiedeclaratie wordt gehoist, dus aanroepen mogen boven de definitie staan.
// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Coder"));
Functie-expressie
Een functie-expressie wordt tijdens runtime gemaakt; roep haar aan na de toewijzingsregel.
// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
return a + b;
};
console.log("Sum:", add(2, 3));
Basis van pijlfuncties
Pijlfuncties zijn beknopt. Voor één parameter kun je de haakjes weglaten; bij een lichaam van één regel kun je return weglaten.
// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
return n * 2;
};
const square = n => n * 2; // simple one-liner for demo
console.log(double(4));
console.log(square(4));
Een vorm kiezen
Gebruik declaraties voor benoemde hulpfuncties; gebruik pijlfuncties voor kleine inlinehulpfuncties.
// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
return "Title: " + name;
}
// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();
console.log(toTitle("Intro"));
console.log(shout("hello"));
Tips voor beginners
Tips:
- Geef functies een naam die beschrijft wat ze doen.
- Laat elke functie één kleine taak uitvoeren.
- Geef de voorkeur aan korte, vlakke functie-inhoud en duidelijke retourwaarden.
Quiz over hoisting
Korte controle: gedrag van hoisting.
Samenvatting
Samenvatting: Declaraties worden gehoist en zijn geschikt voor benoemde hulpfuncties; expressies en pijlfuncties worden tijdens runtime gemaakt en zijn ideaal voor kleine hulpfuncties.
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 “Declaraties versus expressies, basis van arrow functions” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Declaraties versus expressies, basis van arrow functions”, 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 “Declaraties versus expressies, basis van arrow functions”?
Function declarations versus expressions, de syntaxis van arrow functions en eenvoudige gebruikspatronen. 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 1 van 3.
Hoe lang duurt de les “Declaraties versus expressies, basis van arrow functions”?
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
- Declaraties versus expressies, basis van arrow functions
- Parameters, standaardwaarden, rest en returnwaarden
- De basis van this; call/apply/bind (introductie)