$apply vs $timeout vs $digest vs $evalAsync

所以真正会用到$scope.$apply()的情況是浏览器DOM events, setTimeout, XHR（XMLHttpREquest）或是第三方组件。

如果我们在应用中频繁调用$apply，可能会出现$digest already in progress的错误。这是因为一次$digest循环可能需要一段时间。我们可以通过$timeout或$evalAsync来解决这个问题。

$digest

---

负责检查models和views之间的改变，然后同步更新UI和Model。

当一个$digest循环运行时，watchers会被执行来检查scope中的models是否发生了变化。如果发生了变化，那么相应的listener函数就会被执行。这涉及到一个重要的问题。如果listener函数本身会修改一个scope model呢？AngularJS会怎么处理这种情况？

答案是$digest循环不会只运行一次。在当前的一次循环结束后，它会再执行一次循环用来检查是否有models发生了变化。这就是脏检查(Dirty Checking)，它用来处理在listener函数被执行时可能引起的model变化。因此，$digest循环会持续运行直到model不再发生变化，或者$digest循环的次数达到了10次。因此，尽可能地不要在listener函数中修改model。

$digest循环最少也会运行两次，即使在listener函数中并没有改变任何model，它也会多运行一次来确保models没有变化。

当我们直接调用$digest方法时，它会在当前作用域和它的子项启动$digest循环。你需要注意他的父作用域将不会被检测也不会被影响。

所以如果你只需要更新当前的作用域或者它的子项的话，使用$digest，而且要防止在整个应用里运行新的‘$digest`循环。这在性能上的好处是显而易见的。

$timeout

---

如果你正在使用AngularJS 1.2.X之前的版本的话，那么$timeout()是用来处理Angular环境之外的代码更新scope绑定最简单有效的方法。

它是对window.setTimeout的包装，用来延迟执行一个函数。当我们在Controller中更改了数据模型时，此时DOM还没有得到更新（$digest循环还没开始）。如果我们希望DOM刷新后执行某些操作，就可以使用$timeout。

而且当$timeout异步完成后，AngularJS会自动触发$apply，当然你也可以在调用$timeout方法的时候传入第三个参数false不执行$apply()

调用$timeout并不会出现$digest already in progress的错误因为它会告知AngularJS当前$digest循环执行完毕之后有一个timeout在等待，以此确保$digest循环不会发生碰撞，因此$timeout将会开启一次新的$digest循环。

$evalAsync

---

$evalAsync()方法是AngularJS 1.2.X之后加入的一个新方法，在我看来它就是更加灵活的$timeout()。调用$evalAsync()方法将在当前循环或下一个循环执行表达式。
假设你调用了多次$evalAsync，然后任一$digest循环都可能在同一时间执行。来自$evalAsync的表达式将会被加入到一个队列中去，这些表达式都将会是当前$digest循环的一部分，因此并不会有新的$digest循环执行。这就是为何$evalAsync更加高效，它把之前可能创建多次$digest循环的操作降低到了一次$digest循环处理。如果当前并没有$digest循环在执行的话，它就相当于$timeout，会创建一个默认10ms后执行的回调函数，10ms之后便会执行$rootScope.$digest()。
因此如果你正使用大于AngularJS 1.2.X版本，使用$evalAsync，这将提高你的应用的性能。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里免费领取前端全套学习资料

618191877)

[外链图片转存中…(img-kDapTRkm-1713424759792)]

[外链图片转存中…(img-K5fgnO7l-1713424759793)]