使用get方法仅获取Svelte Store初始值，如何获取当前值？

问题原因 #

你用get(variable)只能拿到初始值的核心原因是：代码执行时机早于变量的修改操作。get()是同步获取调用瞬间的Store值，如果此时变量还没被更新，自然只能拿到初始的[]。

可行解决方案 #

1. 确保在变量修改后调用get() #

如果变量是同步代码修改的，调整代码顺序，把get()放在修改操作之后；如果是异步修改（比如API请求、定时器），则需要等待异步操作完成后再调用get()：

// 示例：异步修改后获取值
async function fetchAndUpdate() {
  const data = await fetchSomeData();
  variable.set(42); // 修改Store
  const latestValue = get(variable);
  console.log(latestValue); // 此时能拿到42
}
fetchAndUpdate();

2. 订阅Store监听实时变化 #

在非Svelte组件的TS文件中，最可靠的方式是通过subscribe()订阅Store，每次Store值更新时都会触发回调，直接拿到最新值：

import { variable } from './stores';

// 订阅Store，回调函数会在值变化时执行
const unsubscribe = variable.subscribe((currentValue) => {
  console.log('当前最新值:', currentValue);
  // 在这里处理最新值，比如赋值给局部变量或执行业务逻辑
});

// 注意：不再需要监听时，一定要调用unsubscribe()避免内存泄漏
// 比如在模块卸载、逻辑完成后执行：
// unsubscribe();

3. 使用Derived Store（适用于需要衍生值的场景） #

如果需要基于原Store的值生成一个自动更新的衍生变量，可以用derived创建派生Store，之后同样可以通过订阅或在合适时机用get()获取最新值：

import { writable, derived } from 'svelte/store';
import { variable } from './stores';

// 创建派生Store，自动跟随原Store更新
const latestVariable = derived(variable, ($variable) => {
  return $variable; // 这里可以添加值转换逻辑
});

// 订阅派生Store获取最新值
latestVariable.subscribe((value) => {
  console.log('派生Store的最新值:', value);
});

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