angularJs-臟檢查
scope是一個(gè)指向應(yīng)用model的object排宰,也是表達(dá)式的執(zhí)行上下文。
scope被放置在一個(gè)類(lèi)似應(yīng)用的DOM結(jié)構(gòu)的層次結(jié)構(gòu)中
angular中變量是雙向綁定的 ,那么怎么知道一個(gè)變量是否是變化了呢绘梦?
1能通過(guò)固定的接口才能改變變量的值嘀掸,比如說(shuō)只能通過(guò)set()設(shè)置變量的值,set被調(diào)用的時(shí)候比較一下就知道了实幕。這種方法的缺點(diǎn)是寫(xiě)法比較繁瑣吝镣。
2臟檢查,將原對(duì)象復(fù)制一份快照昆庇,在某個(gè)時(shí)間末贾,比較現(xiàn)在對(duì)象與快照的值,如果不一樣就表明發(fā)生了變化整吆,這個(gè)策略要保留兩份變量拱撵,而且要遍歷對(duì)象辉川,比較每個(gè)屬性,這樣會(huì)有一定的性能問(wèn)題
angular使用的就是臟檢查:
1不會(huì)臟檢查所有的對(duì)象拴测。當(dāng)對(duì)象被綁定到html中后员串,這個(gè)對(duì)象才會(huì)添加為檢查對(duì)象(watcher)
2不會(huì)臟檢查所有的屬性,同樣當(dāng)屬性被綁定后昼扛,這個(gè)屬性才會(huì)被列為檢查的屬性
在angular程序初始化時(shí)寸齐,會(huì)將綁定的對(duì)象的屬性添加為監(jiān)聽(tīng)對(duì)象(watcher),也就是說(shuō)一個(gè)對(duì)象綁定了N個(gè)屬性抄谐,就會(huì)添加N個(gè)watcher渺鹦。
angular什么時(shí)候去臟檢查呢?angular所系統(tǒng)的方法中都會(huì)觸發(fā)比較事件蛹含,比如:controller初始化的時(shí)候毅厚,所有以ng-開(kāi)頭的事件愛(ài)你執(zhí)行后,都會(huì)出發(fā)臟檢查
必要的時(shí)候我們要手動(dòng)的觸發(fā)臟檢查:$apply僅僅只是進(jìn)入angular context浦箱,然后通過(guò)$digest觸發(fā)臟檢查
$apply如果不給參數(shù)的話吸耿,會(huì)檢查該$scope里的所有監(jiān)聽(tīng)的屬性,推薦給上參數(shù)
$apply實(shí)現(xiàn)臟檢查實(shí)際上是通過(guò)$digest實(shí)現(xiàn)的酷窥,但是我們不能直接使用$digest來(lái)觸發(fā)咽安,原因是在$apply 與$digest之間還有一層很重要的$evel判斷。如果中間有錯(cuò)誤$evel將會(huì)把錯(cuò)誤交送到$exceptionHandler進(jìn)行處理