javascript / intermediate
Snippet
Logik kapseln in Readable Stores
Readable Stores werden verwendet, wenn die Datenquelle extern ist und nicht von den verwendenden Komponenten geändert werden soll. Das zweite Argument ist eine Setup-Funktion, die eine Bereinigungsfunktion zurückgibt.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
import { readable } from 'svelte/store';export const time = readable(new Date(), set => {const interval = setInterval(() => {set(new Date());}, 1000);return () => clearInterval(interval);});
svelte
Erklärung
1
readable(new Date(), set => { ... });
Der 'set'-Callback wird verwendet, um den Store-Wert innerhalb der Setup-Funktion zu aktualisieren.
2
return () => clearInterval(interval);
Das Zurückgeben einer Funktion sorgt für eine automatische Bereinigung, wenn der letzte Abonnent abbestellt.
3
new Date()
Das erste Argument ist der Initialwert des Stores.