javascript / intermediate
Snippet
Kapselung von Logik mit Custom Stores
Ein Custom Store ist jedes Objekt, das eine 'subscribe'-Methode implementiert. Indem man einen standardmäßigen Writable-Store umhüllt und nur spezifische Methoden exponiert, kann man Domain-Logik kapseln und verhindern, dass externer Code direkt beliebige Werte setzt.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
import { writable } from 'svelte/store';function createCounter() {const { subscribe, update } = writable(0);return {subscribe,increment: () => update(n => n + 1),reset: () => update(() => 0)};}export const count = createCounter();
svelte
Erklärung
1
return { subscribe, ... }
Durch die Rückgabe von 'subscribe' erfüllt das Objekt den Svelte-Store-Vertrag.
2
increment: () => update(...)
Ermöglicht eine kontrollierte Änderung des Status, ohne vollen Zugriff auf 'set' zu geben.