javascript / beginner
Snippet
Der onDestroy-Hook
Verwenden Sie den onDestroy-Lifecycle-Hook, um Ressourcen wie Timer, Event-Listener oder manuelle Abonnements aufzuräumen, wenn eine Komponente aus dem DOM entfernt wird.
snippet.js
1
2
3
4
5
6
7
8
9
import { onDestroy } from 'svelte';const interval = setInterval(() => {console.log('Tick');}, 1000);onDestroy(() => {clearInterval(interval);});
svelte
Erklärung
1
import { onDestroy } from 'svelte';
Importiert die Lifecycle-Funktion, die ausgelöst wird, wenn die Komponente zerstört werden soll.
2
onDestroy(() => { ... });
Registriert eine Callback-Funktion, die kurz vor dem Unmounten der Komponente aus dem DOM ausgeführt wird.