derived() til beregnede stores
Afled et nyt store, hvis værdi beregnes ud fra et eller flere andre stores
derived() til beregnede stores er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad derived gør
derived opretter en ny store, hvis værdi beregnes ud fra én eller flere kildestores.
Importér det
Fra svelte/store.
import { derived } from "svelte/store";Enkelt kilde
Afled værdien fra én store ved at sende den og en funktion, der returnerer den afledte værdi.
export const doubled = derived(count, ($count) => $count * 2);Flere kilder
Send et array af stores med. Tilbagekaldet modtager et array med deres værdier.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);Asynkron derived
Send et andet argument, set, med, og kald det asynkront for at aflede værdien fra en asynkron kilde.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});Startværdi
Asynkrone derived-stores accepterer et tredje argument som startværdi, før set kaldes.
Automatisk oprydning
Ligesom andre stores rydder derived automatisk op i abonnementerne på sine kilder.
Kædning
Derived-stores kan selv fungere som kilder for andre derived-stores.
Memoisering
Den afledte værdi opdateres kun, når kildeværdierne ændres. Det svarer til memoiserede selektorer.
Brug i komponenter
Brug den med genvejen $ ligesom enhver anden store.
<p>Total: {$total}</p>Hvornår skal du bruge den?
Brug derived til beregnet delt tilstand. Til beregnede værdier, der kun bruges i komponenten, skal du foretrække $:.
Hurtigt tjek
Hvad returnerer derived?
Opsamling
derived opbygger beregnede skrivebeskyttede stores fra én eller flere kilder. Den understøtter synkrone og asynkrone afledninger.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “derived() til beregnede stores” gratis?
Ja — hele teksten til “derived() til beregnede stores” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “derived() til beregnede stores”?
Afled et nyt store, hvis værdi beregnes ud fra et eller flere andre stores Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “derived() til beregnede stores”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- derived() til beregnede stores
- Mønster for brugerdefinerede stores med subscribe/set/update
- Readable fra writable
- Store-kontrakter og interoperabilitet