面试题：Svelte中onDestroy的基础用法及一个简单实践场景

Question

请阐述Svelte中onDestroy函数的作用是什么，并举例说明一个在组件生命周期结束时适合使用onDestroy的简单场景，比如模拟一个简单的定时器场景，在组件销毁时清除定时器。

Answer 1

onDestroy函数的作用

在Svelte中，onDestroy函数用于注册一个在组件销毁时执行的清理函数。它允许我们在组件从DOM中移除、不再使用时，执行一些必要的清理操作，比如取消订阅、清除定时器、解绑事件监听器等，以避免内存泄漏等问题。

简单定时器场景示例

<script>
    import { onDestroy } from'svelte';

    let timer;
    let count = 0;

    timer = setInterval(() => {
        count++;
    }, 1000);

    onDestroy(() => {
        clearInterval(timer);
        console.log('定时器已清除');
    });
</script>

<p>计数: {count}</p>

在上述示例中，我们创建了一个每秒增加count值的定时器。当组件被销毁时，onDestroy注册的函数会被调用，从而清除定时器，防止在组件销毁后定时器仍继续运行，避免潜在的内存泄漏和不必要的计算开销。