Opdatering af stores: set() og update()
Erstat eller transformér store-værdier med set() og updater-callbacken i update()
Opdatering af stores: set() og update() er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 3 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.
To opdateringstilstande
Stores stiller to opdateringsmetoder til rådighed: set(value) til erstatning og update(fn) til transformation.
set-eksempel
Erstat hele værdien.
count.set(5);update-eksempel
Transformér den aktuelle værdi med et tilbagekald.
count.update(n => n + 1);Hvornår skal du bruge hvilken?
Brug set til absolutte ændringer, og brug update, når den nye værdi afhænger af den gamle.
I komponenter
I .svelte-filer skal du foretrække genvejen $store = x frem for store.set(x).
Uden for komponenter
I almindelige JS-moduler og hjælpefunktioner skal du kalde set/update direkte.
Objektopdateringer
Når storen indeholder et objekt, skal du returnere et nyt objekt fra update, så abonnenterne registrerer en ændring.
user.update(u => ({ ...u, name }));Arrayopdateringer
Samme regel: returnér et nyt array, og ændr ikke det eksisterende direkte.
todos.update(list => [...list, newTodo]);Samling af opdateringer
Flere efterfølgende opdateringer udløser hver især abonnenterne. Ved batchopdateringer skal du beregne den endelige værdi og sætte den én gang.
Asynkrone opdateringer
Du kan kalde set i asynkrone tilbagekald. Abonnenterne modtager den nye værdi, når den udløses.
Tilpassede set-funktioner
Pak set/update ind i navngivne funktioner på en tilpasset store for at få renere API'er.
function increment() { count.update(n => n + 1); }Hurtigt tjek
Hvilken metode har brug for den tidligere værdi?
Opsamling
set erstatter, mens update transformerer ved hjælp af den aktuelle værdi via et tilbagekald.
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 “Opdatering af stores: set() og update()” gratis?
Ja — hele teksten til “Opdatering af stores: set() og update()” 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 “Opdatering af stores: set() og update()”?
Erstat eller transformér store-værdier med set() og updater-callbacken i update() 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 3 af 4.
Hvor lang tid tager lektionen “Opdatering af stores: set() og update()”?
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
- Opret et writable Store
- Abonnér med $ automatisk abonnement
- Opdatering af stores: set() og update()
- readable Stores og brugerdefinerede startfunktioner