Angular的变更检测机制如何优化以提升性能？

本文共计2200个文字，预计阅读时间需要9分钟。

什么是变更检测？下面本章节带大家了解Angular中的变更检测机制，聊聊变更检测是如何工作的，并介绍一种Angular变更检测的性能优化方法，希望对大家有所帮助！

什么是变更检测？

什么是变更检测？下面本篇文章带大家了解一下Angular中的变更检测机制，聊聊变更检测是如何工作的，并介绍一下Angular变更检测的性能优化方法，希望对大家有所帮助！

什么是变更检测(Change Detection)？

变更检测的概念

组件内的数据状态变化以后，需要对应更新视图。这种将视图和数据同步的机制，就叫变化检测。

变更检测的触发时机

只要发生了异步操作(Events, Timer, XHR)，Angular 就会认为有状态可能发生变化了，然后就会进行变更检测。

• Events:：click，mouseover，mouseout，keyup，keydown 等浏览器事件；
• Timer：setTimeout/setInterval；
• XHR：各类请求等。

既然都是对异步操作进行变更检测，那么Angular是如何订阅异步请求，进行变更检测的呢？

这里介绍下NgZone以及它的fork对象Zone.js。