能否在Svelte store自身的subscribe()函数内修改其值？

假设我有一个 writable store：

import { writable } from 'svelte/store';

export const robot = writable({
  weight: 10, // 绑定到滑块组件
  allowJump: true, // 绑定到开关组件
});

我希望当 robot 重量超过 100 时自动关闭 allowJump 属性，以下是三种写法的可行性分析：

写法一分析 #

robot.subscribe((value) => {
  if (value.weight > 100) value.allowJump = false;
});

不可行。直接修改订阅回调中的value对象属性，Svelte store无法检测到这种内部变更，不会触发组件更新；同时这种修改方式违背了store的使用规范，正确的修改方式应该通过store提供的set或update方法。

写法二分析 #

robot.subscribe((value) => {
  if (value.weight > 100) $robot.allowJump = false;
});

不可行。$robot是Svelte组件专属的语法糖，仅能在组件脚本或模板中使用，在普通JS模块（比如定义store的文件）中直接使用会触发语法错误。另外，即便在组件内使用，订阅回调中修改store值还可能引发无限循环——修改store会触发订阅回调，回调又再次修改store。

写法三分析 #

robot.subscribe((value) => {
  if (value.weight > 100) robot.update((prev) => (prev.allowJump = false));
});

存在严重问题。update方法要求返回更新后的状态对象，但此处prev.allowJump = false的返回值是false，会直接把store的值替换成布尔值，完全破坏原有的对象结构；同时同样会触发无限循环问题。

正确实现方式 #

要实现需求，需避免无限循环并遵循store更新规范，推荐两种写法：

方式一：在订阅回调中安全更新 #

robot.subscribe((value) => {
  // 仅当weight超标且allowJump仍为true时才更新，避免循环
  if (value.weight > 100 && value.allowJump) {
    robot.update((prev) => {
      // 返回新对象保持状态不可变性，也可修改原对象后返回（不推荐）
      return { ...prev, allowJump: false };
    });
  }
});

方式二：在组件绑定逻辑中处理（更直观） #

<script>
  import { robot } from './stores.js';
  let localWeight = $robot.weight;

  // 监听weight变化，触发判断更新
  $: {
    if (localWeight > 100 && $robot.allowJump) {
      $robot = { ...$robot, allowJump: false };
    }
    // 同步回store
    $robot.weight = localWeight;
  }
</script>

<input type="range" bind:value={localWeight} min="0" max="200" />

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