javascript / intermediate
Snippet
Reaktive Deklarationen für komplexe Logik
Sveltes reaktive Deklarationen ($:) werden automatisch neu berechnet, sobald sich ihre Abhängigkeiten (wie 'price' oder 'taxRate') ändern. Sie können verwendet werden, um Status abzuleiten oder Seiteneffekte (wie Logging oder API-Aufrufe) als Reaktion auf Statusänderungen auszulösen, ohne manuelle Listener zu benötigen.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
<script>export let price = 0;export let taxRate = 0.19;$: total = price * (1 + taxRate);$: isExpensive = total > 1000;$: if (isExpensive) {console.warn('High value item detected!');}</script>
svelte
Erklärung
1
$: total = price * (1 + taxRate);
Deklariert 'total' als reaktive Variable, die sich aktualisiert, wenn sich price oder taxRate ändert.
2
$: if (isExpensive) { ... }
Ein reaktives Statement, das als Seiteneffekt dient und Logik ausführt, wann immer 'isExpensive' wahr wird.