通过OnPush优化Angular变更检测：跳过子树以提升性能
原文英文，约5300词，阅读约需19分钟。
📝
内容提要
掌握Angular的OnPush策略可以提升应用性能，减少不必要的检查。OnPush策略仅在特定条件下（如新输入或事件）检查组件。结合Angular 16及以上版本的Signals，开发者能够创建高效的响应式组件，减少样板代码。本文讨论了OnPush与Signals的最佳实践及常见陷阱。
🔎
延伸解读
OnPush策略的优势与应用场景
OnPush策略通过跳过未改变的组件子树，显著提高了Angular应用的性能。特别适用于大型应用和频繁更新的组件，开发者应优先考虑在展示性组件上使用OnPush，以减少不必要的变更检测。
Signals与OnPush的结合
Angular 16及以上版本引入的Signals与OnPush策略相结合，提供了一种更为高效的响应式编程方式。使用Signals可以在不手动触发变更检测的情况下，自动更新UI，简化了代码结构。
常见陷阱与最佳实践
在使用OnPush时，开发者需注意避免直接修改对象输入，以确保变更检测正常工作。建议采用不可变数据模式，并利用async管道处理Observables，以减少手动干预的需求。
❓
Q&A
OnPush策略如何提升Angular应用的性能？
OnPush策略通过跳过未改变的组件子树，减少不必要的检查，从而提升应用性能。
在什么情况下OnPush组件会被检查？
OnPush组件会在接收到新输入、子组件事件或手动触发时被检查。
Angular 16及以上版本的Signals是什么？
Signals是Angular 16及以上版本引入的响应式原语，能够与OnPush策略无缝结合，自动触发组件更新。
使用OnPush时有哪些最佳实践？
最佳实践包括采用不可变数据模式、使用async管道处理Observables，以及将OnPush用于纯展示组件。
OnPush策略的常见陷阱有哪些？
常见陷阱包括直接修改对象输入而不改变引用，以及在OnPush组件中手动更新@Input属性。
如何手动触发OnPush组件的变更检测？
可以使用ChangeDetectorRef的markForCheck()方法标记组件为需要检查，或使用detectChanges()立即触发检查。
🏷️
