javascript / intermediate
Snippet
Ressourcenbereinigung mit onDestroy
Lifecycle-Management ist entscheidend für die Performance. Der 'onDestroy'-Hook wird ausgeführt, kurz bevor die Komponente aus dem DOM entfernt wird. Dies ist der ideale Ort, um Intervalle zu löschen, globale Events abzumelden oder WebSocket-Verbindungen zu schließen, um Speicherlecks zu vermeiden.
snippet.js
1
2
3
4
5
6
7
8
<script>import { onDestroy } from 'svelte';const interval = setInterval(() => console.log('Tick'), 1000);onDestroy(() => {clearInterval(interval);});</script>
svelte
Erklärung
1
onDestroy(() => { ... })
Plant eine Funktion ein, die ausgeführt wird, wenn die Komponenteninstanz zerstört wird.