Sveltejs Academy · leksjon

$effect: Bivirkninger

Kjør bivirkninger som utføres på nytt når de reaktive avhengighetene endres.

Leksjon 4 av 413 trinn

$effect: Bivirkninger er en gratis leksjon i Sveltejs Academy på CoddyKit. Dette er leksjon 4 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Sveltejs Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.

Rune for bivirkninger

Bruk $effect(() => { ... }) for bivirkninger som reagerer på reaktive endringer.

$effect(() => {
  console.log("count is", count);
});

Sporer automatisk

Svelte sporer automatisk avhengighetene inne i callbacken.

Oppryddingsfunksjon

Returner en funksjon for å rydde opp før neste kjøring eller når komponenten ødelegges.

$effect(() => {
  const id = setInterval(tick, 1000);
  return () => clearInterval(id);
});

Kjører etter montering

Effekten kjører etter at komponenten er montert, og ved hver endring i en avhengighet.

Ingen SSR

$effect-callbacker kjører ikke under SSR. Bruk dem til logikk som bare skal kjøre i nettleseren.

Effekter før montering

$effect.pre kjører før DOM-oppdateringer og er nyttig for mønstre der du må måle og deretter bruke resultatet.

Root-effekter

$effect.root oppretter en effekt utenfor komponentens livssyklus for avanserte bruksområder.

Sammenlignet med onMount

onMount kjører én gang, mens $effect kjører på nytt når avhengigheter endres. $effect erstatter ofte både onMount og reaktive mønstre.

Unngå å sette tilstand

Mutering av reaktiv tilstand inne i en effekt kan føre til løkker. Bruk heller $derived for beregnede verdier.

Lesing uten sporing

Bruk untrack() inne i en effekt for å lese en verdi uten å registrere en avhengighet.

Praktiske bruksområder

Logging, synkronisering med localStorage, integrasjon med tredjepartsbiblioteker og manuelle DOM-justeringer.

Kort kontroll

Hvordan rydder du opp i en effekt?

Besvar den i den interaktive leksjonen

Oppsummering

$effect håndterer bivirkninger, sporer avhengigheter og støtter opprydding via returnerte funksjoner.

Gratis å komme i gang

Lær deg HTML 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: 41
Leksjoner: 163

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «$effect: Bivirkninger» gratis?

Ja – hele teksten i «$effect: Bivirkninger» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Sveltejs Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «$effect: Bivirkninger»?

Kjør bivirkninger som utføres på nytt når de reaktive avhengighetene endres. Du øver på Sveltejs 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 Sveltejs Academy?

Ingen tidligere erfaring er nødvendig. Sveltejs 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 4 av 4.

Hvor lang tid tar leksjonen «$effect: Bivirkninger»?

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 Sveltejs Academy-leksjonen?

Ja. Alle Sveltejs 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

← Tilbake til Sveltejs Academy