derived() für berechnete Stores
Leiten Sie einen neuen Store ab, dessen Wert aus einem oder mehreren anderen Stores berechnet wird.
derived() für berechnete Stores ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 1 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.
Was derived bewirkt
derived erstellt einen neuen Store, dessen Wert aus einem oder mehreren Quell-Stores berechnet wird.
Importieren
Aus svelte/store.
import { derived } from "svelte/store";Eine Quelle
Leiten Sie den Wert aus einem Store ab, indem Sie ihn und eine Funktion übergeben, die den abgeleiteten Wert zurückgibt.
export const doubled = derived(count, ($count) => $count * 2);Mehrere Quellen
Übergeben Sie ein Array von Stores; der Callback erhält ein Array ihrer Werte.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);Asynchrones Derived
Übergeben Sie als zweites Argument set und rufen Sie es asynchron auf, um den Wert aus einer asynchronen Quelle abzuleiten.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});Anfangswert
Asynchrone derived Stores akzeptieren ein drittes Argument als Anfangswert, bevor set aufgerufen wird.
Automatische Bereinigung
Wie andere Stores beendet auch derived automatisch die Abonnements seiner Quellen.
Verkettung
Abgeleitete Stores können selbst als Quellen für weitere derived Stores dienen.
Memoisierung
Der abgeleitete Wert wird nur aktualisiert, wenn sich Quellwerte ändern. Das entspricht memoisierten Selektoren.
In Komponenten verwenden
Verwenden Sie zum Auslesen das $-Kurzformat wie bei jedem anderen Store.
<p>Total: {$total}</p>Wann verwenden
Verwenden Sie derived für gemeinsam genutzten berechneten Zustand. Für komponentenlokale berechnete Werte bevorzugen Sie $:.
Kurzer Test
Was gibt derived zurück?
Zusammenfassung
derived erstellt berechnete schreibgeschützte Stores aus einer oder mehreren Quellen. Synchrone und asynchrone Ableitungen werden unterstützt.
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 „derived() für berechnete Stores“ kostenlos?
Ja — der vollständige Text von „derived() für berechnete Stores“ 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 „derived() für berechnete Stores“?
Leiten Sie einen neuen Store ab, dessen Wert aus einem oder mehreren anderen Stores berechnet wird. 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 1 von 4.
Wie lange dauert die Lektion „derived() für berechnete Stores“?
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
- derived() für berechnete Stores
- Muster für benutzerdefinierte Stores mit subscribe/set/update
- Readable aus Writable
- Store-Verträge und Interoperabilität