所以真正会用到$scope.$apply()
的情況是浏览器DOM events, setTimeout, XHR(XMLHttpREquest)或是第三方组件。
如果我们在应用中频繁调用$apply
,可能会出现$digest already in progress
的错误。这是因为一次$digest
循环可能需要一段时间。我们可以通过$timeout
或$evalAsync
来解决这个问题。
负责检查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
循环。你需要注意他的父作用域将不会被检测也不会被影响。
所以如果你只需要更新当前的作用域或者它的子项的话,使用 d i g e s t ,而且要防止在整个应用里运行新的 ‘ digest,而且要防止在整个应用里运行新的` digest,而且要防止在整个应用里运行新的‘digest`循环。这在性能上的好处是显而易见的。
如果你正在使用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()
方法是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%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/3b2de6a868fc31a8e3a04df61da9c3c3.jpeg)
最后
给大家分享一些关于HTML的面试题,有需要的朋友可以戳这里免费领取,先到先得哦。
到先得哦。**
[外链图片转存中…(img-ZwkoDUWg-1712072091139)]
[外链图片转存中…(img-wY4HH1st-1712072091140)]