Deklarationer kontra uttryck och grunderna i arrow functions
Funktionsdeklarationer kontra uttryck, syntax för arrow functions och enkla användningsmönster.
Deklarationer kontra uttryck och grunderna i arrow functions är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 1 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Introduktion
Mål: Skilj funktionsdeklarationer från funktionsuttryck, lär er grundläggande arrow-syntax och välj den enklaste formen för uppgiften.
- Deklaration
- Uttryck
- Grunderna i arrow
Funktionsdeklaration
En funktionsdeklaration hoistas, så anrop kan stå ovanför definitionen.
// 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"));
Funktionsuttryck
Ett funktionsuttryck skapas vid körning, så anropa det efter raden med tilldelningen.
// 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));
Grunderna i pilfunktioner
Pilfunktioner är kortfattade. För en enda parameter kan parenteserna utelämnas, och i enradiga funktionskroppar kan return utelämnas.
// 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));
Välj form
Använd deklarationer för namngivna verktygsfunktioner och pilfunktioner för små hjälpfunktioner direkt i koden.
// 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 för nybörjare
Tips:
- Ge funktioner namn efter vad de gör.
- Låt varje funktion utföra en liten uppgift.
- Föredra korta, platta funktionskroppar och tydliga returvärden.
Quiz om hoisting
Snabb kontroll: Hur hoisting fungerar.
Sammanfattning
Sammanfattning: Deklarationer hoistas och passar bra för namngivna verktygsfunktioner. Uttryck och pilfunktioner skapas vid körning och passar utmärkt för små hjälpfunktioner.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Deklarationer kontra uttryck och grunderna i arrow functions” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Deklarationer kontra uttryck och grunderna i arrow functions”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Deklarationer kontra uttryck och grunderna i arrow functions”?
Funktionsdeklarationer kontra uttryck, syntax för arrow functions och enkla användningsmönster. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 3.
Hur lång tid tar lektionen ”Deklarationer kontra uttryck och grunderna i arrow functions”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Deklarationer kontra uttryck och grunderna i arrow functions
- Parametrar, standardvärden, rest och returer
- Grunderna i this; call/apply/bind (introduktion)