AngularJS中的$ evalAsync和$ timeout有什么区别？

我已经使用AngularJS了一段时间，并且发现需要不时使用$ timeout（似乎通常是初始化jQuery插件）。

最近，我一直在尝试更好地和更深入地了解摘要循环，并遇到了$ evalAsync函数。

似乎该函数产生与相似的结果$timeout，只是您不给它延迟。每次使用时，$timeout它的延迟都为0，所以现在我想知道是否应该使用它$evalAsync。

两者之间有根本区别吗？您会在哪种情况下使用另一种情况？我想更好地了解何时使用哪个。

我最近在这里基本上回答了这个问题：https : //stackoverflow.com/a/17239084/215945 （该答案链接到与Misko进行的一些github交流。）

总结一下：

• 如果使用指令中的$ evalAsync将代码放入队列中，则该代码应在 Angular处理DOM 之后但在浏览器呈现之前运行
• 如果代码是使用$ evalAsync从控制器中排队的，则它应该在 Angular操作DOM之前（以及在浏览器呈现之前）运行－您很少需要这样做
• 如果代码使用$ timeout排队，则应在 Angular处理DOM 之后以及浏览器渲染之后运行代码（在某些情况下可能导致闪烁）

对于那些构建复杂应用程序的人，请注意，这会对您的选择产生性能影响。另外，我想用更多技术细节来完成马克回答：

• $ timeout（callback）将等待当前的摘要周期完成（即，对所有模型和DOM进行角度更新），然后将执行其回调（可能会影响角度模型），然后$apply在根$ scope上启动full ，然后重新执行一切。

• 另一方面，$ evalAsync（callback）会将回调添加到当前或下一个摘要周期。这意味着，如果您处于摘要循环之内（例如，在某个ng-click指令中调用的函数中），则将不等待任何内容，该代码将立即执行。如果您在异步调用中，例如a setTimeout，$apply将触发一个新的摘要周期（）。

因此，就性能而言，最好总是调用$evalAsync，除非对您而言重要的一点是，在执行代码之前，视图必须是最新的，例如，如果您需要访问某些DOm属性（例如元素宽度等），这对您来说至关重要。

如果您想了解有关$ timeout，$ evalAsync，$ digest，$ apply之间区别的更多详细信息，请您阅读我对其他问题的回答：https : //stackoverflow.com/a/23102223/1501926

另外，请务必阅读文档：

$ evalAsync不保证何时执行表达式，仅保证：

• 它将在安排评估的函数之后执行（最好在DOM呈现之前）。
• 表达式执行后至少要执行一个$ digest循环。

注意：如果在$ digest循环之外调用此函数，则会安排一个新的$ digest循环。但是，建议始终在$ apply调用中调用更改模型的代码。这包括通过$ evalAsync评估的代码。