Svelte模块上下文如何取消订阅store？是否存在内存泄漏？

我的代码 #

<script lang="ts" context="module">
  import type { Config } from './types'
  import {
    config,
    // ... several more here
  } from './stores'

  let config_value: Config 
  config.subscribe(value => {
    config_value = value
  })
</script>

根据Svelte官方文档说明：“之前示例中的应用可以运行，但存在一个隐藏bug——store被订阅后从未取消订阅。若组件多次实例化和销毁，会导致内存泄漏。”但由于这是context="module"上下文，调用onDestroy方法时会报错：“Function called outside component initialization”。

我有两个问题：

1. 这种内存泄漏问题是否适用于模块，还是仅针对组件？
2. 若适用于模块，如何取消这些store的订阅？

解答 #

1. 内存泄漏问题仅针对组件，不适用于模块上下文
   模块上下文的代码只会在模块第一次被加载时执行一次，不会随组件的实例化/销毁重复运行。不存在“多次创建订阅又不取消”的场景，自然不会产生内存泄漏。模块本身是应用级别的单例，只要应用在运行，模块就会一直存在，它的订阅是长期有效的，不属于“无用资源无法回收”的内存泄漏范畴。

2. 模块上下文的订阅无需主动取消，若确有需求可手动管理取消函数
   模块没有组件的生命周期钩子，但调用store.subscribe()会返回一个取消订阅的函数，你可以保存这个函数，在合适的全局时机调用它：

<script lang="ts" context="module">
  import type { Config } from './types'
  import { config } from './stores'

  let config_value: Config 
  // 保存取消订阅函数
  const unsubscribeConfig = config.subscribe(value => {
    config_value = value
  })

  // 示例：在某个全局事件触发时取消订阅
  // window.addEventListener('beforeunload', unsubscribeConfig)
</script>

但通常来说，模块级的订阅不需要取消，因为模块的逻辑往往需要持续响应store的变化，直到应用完全卸载。如果强行取消，后续若需要重新订阅，得手动再次调用subscribe创建新的订阅。

内容的提问来源于stack exchange，提问作者Mike