角度变化检测与 Svelte 变化检测

Question

我在日常工作中使用 Angular，同时也在学习 Svelte。我知道 Angular 或 Svelte 都没有使用虚拟 dom 和 diffing。我知道两者都有其他变化检测机制，而且，根据我的研究，它们看起来很相似。有人可以向我解释每种方法的独特之处以及 Angular 和 Svelte 的变化检测机制有何不同吗？

Answer 1

免责声明：我不太了解 Angular 和 Svelte 的内部工作原理，所以请保留我的回答。

Angular 中的变更检测是通过某种形式的脏检查完成的。每次 Angular 被告知这样做时都会运行一次检查。在普通的 Angular 项目中，这是通过使用 Zone.js 来实现的，它可以修补所有可能的事件源，例如 setInterval 或 DOM 事件侦听器。当补丁事件触发时，Angular 会触发变更检测。然后将 Angular 感兴趣的每个变量与之前的状态进行比较，如果它们不同，则重新渲染内容。 This blog post 更详细地解释了这个概念。

Svelte 不进行脏检查，而是在编译时分析每个可能触发重绘的变量，并使用 $$invalidate 调用包装赋值。所以 foo = 'bar' 变成了 $$invalidate(.., foo = "bar");（侧节点：这就是为什么像 array.push(item) 这样的东西不会触发 - 没有赋值 - 对于新的 Svelte 开发者来说是一个常见的困惑 ）。所有变量失效的地方将在下一个浏览器滴答中重新绘制。