JavaScript Academy · leksjon

Deklarasjoner kontra uttrykk, grunnleggende piler

Funksjonsdeklarasjoner kontra uttrykk, syntaks for arrow-funksjoner og enkle bruksmønstre.

Leksjon 1 av 38 trinn

Deklarasjoner kontra uttrykk, grunnleggende piler er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 1 av 3. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 3 leksjoner.

Introduksjon

Mål: Skill deklarasjoner av funksjoner fra uttrykk, lær grunnleggende arrow-syntaks, og velg den enkleste formen for oppgaven.

  • Deklarasjon
  • Uttrykk
  • Grunnleggende om arrow
Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 1

Funksjonsdeklarasjon

En funksjonsdeklarasjon hoistes, så kall kan stå over definisjonen.

// 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"));
Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 2

Funksjonsuttrykk

Et funksjonsuttrykk opprettes under kjøring. Kall det etter tilordningslinjen.

// 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));
Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 3

Grunnleggende om pilfunksjoner

Pilfunksjoner er kompakte. For én parameter kan parentesene utelates, og i kropper på én linje kan return utelates.

// 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));
Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 4

Valg av form

Bruk deklarasjoner for navngitte hjelpefunksjoner og pilfunksjoner for små hjelpefunksjoner på én linje.

// 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"));
Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 5

Tips for nybegynnere

Tips:

  • Navngi funksjoner etter hva de gjør.
  • Gi hver funksjon én liten oppgave.
  • Foretrekk korte, flate funksjonskropper og tydelige returverdier.
Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 6

Quiz om hoisting

Kort sjekk: Hvordan hoisting fungerer.

Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 7

Oppsummering

Oppsummering: Deklarasjoner hoistes og egner seg godt for navngitte hjelpefunksjoner, mens uttrykk og pilfunksjoner opprettes under kjøring og passer godt til små hjelpefunksjoner.

Deklarasjoner kontra uttrykk, grunnleggende piler — illustrasjon 8
Gratis å komme i gang

Lær deg JavaScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
59
Leksjoner
200

Ofte stilte spørsmål

Er leksjonen «Deklarasjoner kontra uttrykk, grunnleggende piler» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Deklarasjoner kontra uttrykk, grunnleggende piler», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 3 leksjoner.

Hva lærer jeg i «Deklarasjoner kontra uttrykk, grunnleggende piler»?

Funksjonsdeklarasjoner kontra uttrykk, syntaks for arrow-funksjoner og enkle bruksmønstre. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med JavaScript Academy?

Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 3.

Hvor lang tid tar leksjonen «Deklarasjoner kontra uttrykk, grunnleggende piler»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?

Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Deklarasjoner kontra uttrykk, grunnleggende piler
  2. Parametere, standardverdier, rest og returer
  3. Grunnleggende this, call/apply/bind (introduksjon)
← Tilbake til JavaScript Academy