Aggiornamento degli store: set() e update()
Sostituisca o trasformi i valori dello store utilizzando set() e la callback di aggiornamento in update().
Aggiornamento degli store: set() e update() è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Due modalità di aggiornamento
Gli store espongono due metodi di aggiornamento: set(value) per sostituire il valore e update(fn) per trasformarlo.
Esempio di set
Sostituisce l'intero valore.
count.set(5);Esempio di update
Trasforma il valore corrente utilizzando un callback.
count.update(n => n + 1);Quando utilizzare ciascuno
Utilizzi set per modifiche assolute; utilizzi update quando il nuovo valore dipende da quello precedente.
All'interno dei componenti
Nei file .svelte, preferisca la forma abbreviata $store = x a store.set(x).
Fuori dai componenti
Nei moduli e negli helper JavaScript normali, chiami direttamente set/update.
Aggiornamenti degli oggetti
Quando lo store contiene un oggetto, restituisca un nuovo oggetto da update per assicurarsi che gli iscritti rilevino una modifica.
user.update(u => ({ ...u, name }));Aggiornamenti degli array
Vale la stessa regola: restituisca un nuovo array, senza modificarlo direttamente.
todos.update(list => [...list, newTodo]);Raggruppamento
Più aggiornamenti consecutivi attivano ciascuno gli iscritti. Per i gruppi di aggiornamenti, calcoli il valore finale e lo imposti una sola volta.
Aggiornamenti asincroni
Può chiamare set all'interno di callback asincroni; gli iscritti ricevono il nuovo valore quando viene emesso.
Setter personalizzati
Racchiuda set/update in funzioni denominate all'interno di uno store personalizzato per ottenere API più pulite.
function increment() { count.update(n => n + 1); }Verifica rapida
Quale metodo richiede il valore precedente?
Riepilogo
set sostituisce il valore; update lo trasforma utilizzando il valore corrente tramite un callback.
Impara HTML con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 41
- Lezioni
- 163
Domande Frequenti
La lezione «Aggiornamento degli store: set() e update()» è gratuita?
Sì — il testo completo di «Aggiornamento degli store: set() e update()» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Aggiornamento degli store: set() e update()»?
Sostituisca o trasformi i valori dello store utilizzando set() e la callback di aggiornamento in update(). Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.
Quanto tempo richiede la lezione «Aggiornamento degli store: set() e update()»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Creazione di uno store writable
- Sottoscrizione con l'auto-sottoscrizione $
- Aggiornamento degli store: set() e update()
- Store readable e funzioni di avvio personalizzate