Stores aktualisieren: set() und update()
Ersetzen oder transformieren Sie Store-Werte mit set() und der Aktualisierungsfunktion in update().
Stores aktualisieren: set() und update() ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Zwei Aktualisierungsmodi
Stores stellen zwei Aktualisierungsmethoden bereit: set(value) zum Ersetzen und update(fn) zum Transformieren.
set-Beispiel
Ersetzen Sie den gesamten Wert.
count.set(5);update-Beispiel
Transformieren Sie den aktuellen Wert mithilfe eines Callbacks.
count.update(n => n + 1);Welche Methode wann verwenden
Verwenden Sie set für absolute Änderungen und update, wenn der neue Wert vom alten abhängt.
In Komponenten
Bevorzugen Sie in .svelte-Dateien das $store = x-Kurzformat gegenüber store.set(x).
Außerhalb von Komponenten
Rufen Sie in einfachen JS-Modulen und Hilfsfunktionen set/update direkt auf.
Objektaktualisierungen
Wenn der Store ein Objekt enthält, geben Sie aus update ein neues Objekt zurück, damit Abonnenten eine Änderung erkennen.
user.update(u => ({ ...u, name }));Array-Aktualisierungen
Dieselbe Regel gilt: Geben Sie ein neues Array zurück und verändern Sie das vorhandene nicht direkt.
todos.update(list => [...list, newTodo]);Bündelung
Mehrere aufeinanderfolgende Aktualisierungen lösen jeweils die Abonnenten aus. Berechnen Sie für Bündel den Endwert und setzen Sie ihn nur einmal.
Asynchrone Aktualisierungen
Sie können set innerhalb asynchroner Callbacks aufrufen; die Abonnenten erhalten den neuen Wert, sobald set ausgelöst wird.
Benutzerdefinierte Setter
Kapseln Sie set/update für übersichtlichere APIs in benannten Funktionen eines benutzerdefinierten Stores.
function increment() { count.update(n => n + 1); }Kurzer Test
Welche Methode benötigt den vorherigen Wert?
Zusammenfassung
set ersetzt den Wert; update transformiert ihn mithilfe des aktuellen Werts über einen Callback.
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 41
- Lektionen
- 163
Häufig gestellte Fragen
Ist die Lektion „Stores aktualisieren: set() und update()“ kostenlos?
Ja — der vollständige Text von „Stores aktualisieren: set() und update()“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Stores aktualisieren: set() und update()“?
Ersetzen oder transformieren Sie Store-Werte mit set() und der Aktualisierungsfunktion in update(). Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Stores aktualisieren: set() und update()“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Einen schreibbaren Store erstellen
- Mit $ abonnieren: Automatisches Abonnement
- Stores aktualisieren: set() und update()
- readable Stores und benutzerdefinierte Startfunktionen