Svelte响应式疑问：两种forEach写法触发效果为何不同？

Svelte的响应式是靠追踪响应式变量的赋值操作来触发的，核心逻辑是：必须让Svelte“感知”到你在修改它已标记为响应式的变量（这里就是todos数组）。

• 对于第一种写法：todos.forEach(todo => todo.completed = completed)
  这里的todo是遍历数组时生成的临时变量，虽然它指向数组内的元素对象，但Svelte并没有追踪这个临时变量的变化。你修改的是todo的属性，而非直接作用于todos这个响应式变量本身，所以Svelte检测不到变化，自然不会触发更新。

• 对于第二种写法：todos.forEach((todo, i) => todos[i].completed = completed)
  这里你是直接通过todos[i]修改属性——本质是对响应式变量todos执行了索引赋值操作。Svelte会识别到“被追踪的todos发生了修改”，哪怕只是修改数组某一项的属性，这种直接关联todos的操作会被检测到，从而触发响应式更新。

说白了，关键就是：修改操作得“挂钩”到Svelte已知的响应式变量上，直接操作临时变量的属性，Svelte根本不会盯它。

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