javascript / intermediate
Snippet
Ressourcen bereinigen mit onDestroy
Der Lifecycle-Hook onDestroy ist entscheidend für das Speichermanagement. Er wird ausgeführt, kurz bevor die Komponente aus dem DOM entfernt wird, und ermöglicht das Bereinigen von Timern, Event-Listenern oder manuellen Abonnements.
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 bei der Zerstörung der Komponente ausgelöst wird.
2
const interval = setInterval(...);
Richtet einen Seiteneffekt ein, der bestehen bleibt, sofern er nicht manuell gelöscht wird.
3
clearInterval(interval);
Stoppt das Intervall, um Speicherlecks zu verhindern, nachdem die Komponente entfernt wurde.