Svelte中derived函数回调参数前缀$的含义与作用

这个$前缀完全是约定俗成的命名习惯，不是语法强制要求，核心作用是提升代码的可读性和表意清晰度：

• 直观区分store值与store对象：在Svelte组件里，我们用$store语法糖来访问store的当前值，所以在derived的回调里给参数加$前缀，是为了明确告诉阅读代码的人：这个参数是对应store解包后的当前值，而不是store对象本身。比如$time一看就知道是time store的当前数值，而如果叫time，可能会让人误以为是store对象（虽然实际参数是值，但命名的提示性很重要）。

• 保持代码风格一致性：和组件内的$语法保持统一，让熟悉Svelte的开发者看到这个命名就能立刻理解参数含义，不用额外花时间确认变量类型。比如处理多个store的场景：

  const combined = derived([count, total], ([$count, $total]) => $count / $total);
  

  用$count和$total比count和total更直观，一眼就能对应到各自的store值。

• 完全不影响功能：正如你测试的那样，去掉$前缀代码依然能正常运行——因为这只是变量名，derived回调本身会自动把store的当前值传递给参数，变量名叫什么都不会改变逻辑。

简单说，这个前缀就是个「代码提示」，让代码更易懂，属于团队协作和代码可维护性层面的最佳实践，而非语法要求。

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