Angular 中的新 $digest

Angular.js 框架陪伴了我好几年，尽管它饱受批评，但我依然觉得它是个不可思议的框架。我是从书籍《构建自己的 Angular.js》开始学习的，并且读了框架的大量源码，所以我觉得自己对 Angular.js 内部机制比较了解，并且对创建这个框架……

Angular.js 框架中 digest 机制的演变之旅，从早期的“脏检查”算法到当今的“基于变化检测”算法，是一段迷人的旅程。我经历了这一旅程，并目睹了 digest 机制如何随着 Angular.js 框架的演变而不断发展。

$digest 的本质

digest 机制是 Angular.js 框架的核心，它负责在数据模型发生更改时更新视图。在早期版本的 Angular.js 中，digest 使用“脏检查”算法来检测数据模型中的更改。

脏检查

脏检查是一种简单的算法，它遍历数据模型中的所有属性，并将其与前一个值进行比较。如果检测到任何更改，则会触发视图更新。然而，脏检查存在一些问题：

• 低效： 脏检查需要遍历整个数据模型，即使只有少量数据发生更改。这在大型应用程序中可能会导致性能问题。
• 不准确： 脏检查无法检测到对象属性的添加或删除，这可能会导致视图中出现不一致。

基于变化检测

为了解决脏检查的问题，Angular.js 团队在 Angular.js 1.3 中引入了基于变化检测的算法。这种新算法使用“观察者”模式来跟踪数据模型中的更改。当数据模型中的属性发生更改时，观察者会通知 $digest 机制。

观察者模式

观察者模式是一种设计模式，它允许对象订阅事件，并在事件发生时接收通知。在 Angular.js 中，观察者是 watch() 函数，它允许开发人员在数据模型属性上设置侦听器。当属性发生更改时，观察者会触发回调函数，通知 digest 机制。

基于变化检测的算法比脏检查更有效，因为它只遍历已发生更改的数据模型部分。它还可以检测到对象属性的添加或删除。

$digest 在 Angular.js 中的重要性

digest 机制是 Angular.js 框架的核心，因为它负责在数据模型发生更改时更新视图。如果没有 digest 机制，Angular.js 应用程序将无法响应数据模型中的更改。

结论

digest 机制是 Angular.js 框架中一个重要的组件，它随着框架的演变而不断发展。从早期的“脏检查”算法到当今的“基于变化检测”算法，digest 机制一直是 Angular.js 应用程序高效和准确更新视图的关键。