你是不是也常在想AngularJS $apply, $digest, 和$evalAsync到底有什么差別？這個(gè)篇博客中我們將探討一下這三個(gè)方法。
AngularJS之所以這么受歡迎，是因?yàn)樗泻芏嗟奶幚沓绦驇臀覀兺瓿闪私^大部分的求值運(yùn)算。AngularJS讓前端開發(fā)工作變的簡(jiǎn)單高效，通過指令我們可以創(chuàng)建html標(biāo)簽，還可以創(chuàng)建獨(dú)立的模塊，AngularJS確實(shí)是創(chuàng)建SAP的最好框架之一。
AngularJS的核心之一就是$digset循環(huán)，這是AngularJS檢測(cè)和重新呈現(xiàn)model和view的變化的方法。在每一個(gè)$digset循環(huán)中，檢測(cè)列表中的所有的檢測(cè)對(duì)象都會(huì)被執(zhí)行，重新計(jì)算綁定到視圖的模型對(duì)象，然后又將重新渲染的視圖呈現(xiàn)給用戶。這個(gè)過程是影響AngularJS性能的主要部分。
但是很多時(shí)候，我們需要在AngularJS的上下文之外對(duì)模型進(jìn)行操作，而這樣的操作AngularJS是無法檢測(cè)到的，也就是說它不能更新model并重新呈現(xiàn)視圖。我們有三個(gè)方法能個(gè)完成這個(gè)工作$apply,$digset和$evalAsync，但是在我們不知其所以然的直接調(diào)用他們之前，我們需要了解一下為了解決問題我們到底需要影響多少個(gè)檢測(cè)對(duì)象，影響多少層scope。
這里有多種方法可以讓AngularJS執(zhí)行計(jì)算，也就是讓AngularJS開啟一個(gè)新的$digset循環(huán)：
- $apply()
- $timeout()
- $digest()
- $evalAsync()
$apply()
$apply()會(huì)觸發(fā)整個(gè)應(yīng)用中的所有scope上的$digset循環(huán)。意思就是，每次我們調(diào)用$apply()都會(huì)在整個(gè)應(yīng)用的生命周期中開啟一個(gè)新的$digset循環(huán)。整個(gè)生命周期涉及3個(gè)主要任務(wù)：
Scope’s $apply() method transitions through the following stages:
- The expression is executed using the $eval() method.
- Any exceptions from the execution of the expression are forwarded to the $exceptionHandler service.
- The watch listeners are fired immediately after the expression was executed using the $digest() method.
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式