如何在Svelte中监听变量变化并触发对应函数？

针对你需要在变量无论值如何变化时都触发函数的需求，这里有几种简洁且符合Svelte响应式规则的写法：

方法1：显式声明依赖（无需给函数传参） #

直接在响应式语句块里把变量单独写一行，让Svelte追踪它的变化，这样不管变量变成什么值，只要发生改变就会执行后续逻辑：

$: {
    variable; // 仅作为响应式依赖，无实际执行逻辑
    doSomething();
}

这个写法完美解决了你之前的两个痛点：既不会因为布尔值变为false而跳过执行，也不用为了触发响应式而给不需要参数的函数强行传参。

方法2：直接绑定变量到函数（适合需要用变量值的场景） #

如果你的函数本身需要用到变量的新值，直接写响应式调用即可，这是Svelte中标准的响应式依赖声明方式：

$: doSomething(variable);

如果函数不需要参数，方法1会更语义化。

为什么你之前的写法有问题？ #

你最初用if (variable)的判断逻辑，会在变量变为false、null、undefined这类假值时跳过函数执行，不符合“只要变化就触发”的需求；而方法1通过显式把变量作为依赖放进响应式块，完全规避了这个问题。

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