SvelteのonDestroyメソッドの使用方法

onDestroyメソッドを使用するためには、まずSvelteコンポーネント内でメソッドを定義する必要があります。以下の例を見てみましょう:

<script>
  export default {
    onDestroy() {
      // 破棄時に実行する処理を記述する
    }
  };
</script>

onDestroyメソッドは、コンポーネントが破棄される際に呼び出されます。例えば、コンポーネントがDOMから削除されるときや、別のルートに移動するときには、onDestroyメソッドが実行されます。

一般的な使用例としては、クリーンアップやリソースの解放が挙げられます。例えば、イベントリスナーの削除やタイマーの停止など、コンポーネントが不要になったときに必要な後処理を行うことができます。

以下に、onDestroyメソッドを使用した実際のコード例を示します:

<script>
  import { onDestroy } from 'svelte';
  let timer;
  export default {
    onMount() {
      timer = setInterval(() => {
        // 何らかの処理
      }, 1000);
    },
    onDestroy() {
      clearInterval(timer);
    }
  };
</script>

上記の例では、onMountメソッド内でタイマーを開始し、onDestroyメソッド内でタイマーを停止しています。これにより、コンポーネントが破棄されるときにタイマーが正しく解放されます。

以上が、SvelteのonDestroyメソッドの使用方法とコード例の紹介です。このメソッドを適切に活用することで、コンポーネントの破棄時に必要な後処理を実行できます。