$derived: Deklarative berechnete Werte
Berechnen Sie Werte, die automatisch aktualisiert werden, wenn sich ihre Abhängigkeiten ändern.
$derived: Deklarative berechnete Werte 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.
Berechneter Zustand
Verwenden Sie $derived(expr), um einen Wert aus reaktiven Quellen zu berechnen.
let count = $state(0);
let doubled = $derived(count * 2);Automatische Nachverfolgung
Svelte verfolgt die Abhängigkeiten des Ausdrucks automatisch. Der abgeleitete Wert wird aktualisiert, sobald sich eine Quelle ändert.
Nur lesbar
Abgeleitete Werte können nicht direkt zugewiesen werden; sie spiegeln immer die Berechnung wider.
Im Markup verwenden
Lesen Sie abgeleitete Werte wie jeden anderen Zustand.
<p>Doubled: {doubled}</p>Verzögerte Auswertung
Abgeleitete Werte werden beim Lesen verzögert berechnet; wenn niemand sie liest, entfällt der Aufwand.
Caching
Das Ergebnis wird zwischengespeichert, bis sich eine Quelle ändert – pro Lesevorgang ist keine erneute Berechnung nötig.
Komplexe Logik
Verwenden Sie für Logik mit mehreren Anweisungen die Form $derived.by(() => { ... }).
Vergleich mit $:
$derived ersetzt $: x = .... Es ist expliziter und funktioniert außerhalb von .svelte-Dateien.
Typinferenz
TypeScript leitet die Typen automatisch aus dem Ausdruck ab.
Keine Seiteneffekte
Derived muss rein sein. Verwenden Sie $effect für Seiteneffekte.
Performance
Der Wert wird gemerkt und nur neu berechnet, wenn sich Abhängigkeiten ändern.
Schnelltest
Was gibt $derived zurück?
Zusammenfassung
$derived ist die moderne, explizite Methode zum Deklarieren berechneter Werte. Verwenden Sie $derived.by für mehrzeilige Logik.
Häufig gestellte Fragen
Ist die Lektion „$derived: Deklarative berechnete Werte“ kostenlos?
Ja — der vollständige Text von „$derived: Deklarative berechnete Werte“ 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: Deklarative berechnete Werte“?
Berechnen Sie Werte, die automatisch aktualisiert werden, wenn sich ihre Abhängigkeiten ändern. 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 „$derived: Deklarative berechnete Werte“?
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
- Warum Runes: Über die Compiler-Magie hinaus
- $state: Feingranulare Reaktivität
- $derived: Deklarative berechnete Werte
- $effect: Seiteneffekte