javascript / intermediate
Snippet
Seiteneffekte verwalten mit effect()
Die effect()-Funktion verfolgt Signal-Abhängigkeiten automatisch und führt ihren Code jedes Mal aus, wenn sich ein verwendetes Signal aktualisiert.
snippet.js
1
2
3
4
5
6
7
8
9
export class DashboardComponent {count = signal(0);constructor() {effect(() => {console.log(`The count changed to: ${this.count()}`);localStorage.setItem('userCount', this.count().toString());});}}
angular
Erklärung
1
effect(() => { ... })
Registriert einen reaktiven Seiteneffekt, der im Injection-Kontext ausgeführt wird.
2
this.count()
Das Lesen des Signalwerts fügt diesen automatisch als Abhängigkeit zum Effekt hinzu.
3
localStorage.setItem
Ein Beispiel für einen Seiteneffekt, der den Status mit einer externen API synchronisiert.