如何通过小技巧提升Angular中脏检查绑定的性能？

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

本篇文章为家长介绍Angular双向绑定（脏检查）方面的性能优化技巧。具有一定的参考价值，有需要的亲朋好友可参考一下，希望对家长有所帮助。

1. 为什么需要优化？

双向绑定是Angular的一大特色，如同双刃剑，既方便又可能导致性能问题。以下是优化双向绑定的原因：

双向绑定是双刃剑，优化后可提升应用性能。

本篇文章给大家介绍一下Angular绑定（脏检查）方面的性能优化技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

1. 为什么要优化

双向绑定是一柄双刃剑，提高开发效率的同时，也牺牲了性能。当然，随着硬件性能的提升，Angular自身性能的提升，对于一般（中小）复杂度的应用，性能问题可以忽略不计。但是对于特殊场景，或复杂页面来说，我们就需要单独的处理数据绑定问题，否则就会有卡顿的现象，影响用户体验。

2. 编程习惯方面

平时的一些小技巧，小习惯，都可以改善Angular绑定方面的性能。

2.1. NgForOf，加入trackBy提升性能

trackBy定义如何跟踪可迭代项的更改的函数。在迭代器中添加、移动或删除条目时，指令必须重新渲染适当的 DOM 节点。为了最大程度地减少 DOM 中的搅动，仅重新渲染已更改的节点。

默认情况下，变更检测器假定对象实例标识可迭代对象。提供此函数后，指令将使用调用此函数的结果来标识项节点，而不是对象本身的标识。