自制前端前端框架 Day17. 完善digest

如果digest遇到了死循環(huán)該如何處理

假設(shè)有兩個watcher,在digest的時候互相更改對方的值,這會導(dǎo)致digest遇到死循環(huán)。于是應(yīng)該給digest循環(huán)增加一個上限,達到上限卻依然有臟值的時候,拋出異常:

Scope.prototype.$digest=function(){
    var dirty;
    var ttl = 10;
    do {
        dirty = this.$$digestOnce();
        if(dirty&&!(ttl--)){
            throw "digest次數(shù)到達上限依然不穩(wěn)定"
        }
    } while (dirty);
}

如果有1000個watcher,每次digest都會把所有watcher跑一遍,效率太差了,怎么辦

這個問題的解決思路是這樣的:首先,我先記住上一次digest的最后一個臟watcher,比如有100個watcher,每次檢測到臟watcher的時候,我都把這個watcher記錄到一個變量里,這個變量叫做$$lastDirtyWatch 這個變量只記錄一個watcher,就是最后遇到的那個臟watcher:

Scope.prototype.$$digestOnce=function(){
    var self = this;
    var oldValue,newValue,dirty;
    for(var i=0;i<this.$$watchers.length;i++){
        oldValue = this.$$watchers[i].last;
        newValue = this.$$watchers[i].watchFn(self)
        if(oldValue!=newValue){
            this.$$lastDirtyWatch=this.$$watchers[i];//新加的一句話
            this.$$watchers[i].last = newValue;
            this.$$watchers[i].listenFn(newValue,oldValue,self);
            dirty=true;
        }
    }
    return dirty;
}

這樣一來會有這樣的效果,如果第49個watcher是臟的,那么this.$$lastDirtyWatch就指向第49個watcher,然后第55個是臟的,this.$$lastDirtyWatch就不再指向第49個watcher,而指向第55個watcher。
那么很顯然:如果我們發(fā)現(xiàn)this.$$lastDirtyWatch這個指向第N個watcher,就說明N以后的watcher是干凈的。
所以在digest循環(huán)的時候,每次檢測watcher是否臟的時候,都去做一下對比,看看當(dāng)前的watcher是不是this.$$lastDirtyWatch指向的那個watcher,如果是的話,就可以處理以后直接跳出循環(huán)了,因為后面的watcher都是干凈的,沒必要再循環(huán)一次了。

Scope.prototype.$$digestOnce=function(){
    var self = this;
    var oldValue,newValue,dirty;
    for(var i=0;i<this.$$watchers.length;i++){
        oldValue = this.$$watchers[i].last;
        newValue = this.$$watchers[i].watchFn(self)
        if(oldValue!=newValue){
            this.$$lastDirtyWatch=this.$$watchers[i];
            this.$$watchers[i].last = newValue;
            this.$$watchers[i].listenFn(newValue,oldValue,self);
            dirty=true;
        }else{
            if(this.$$watchers[i]===this.$$lastDirtyWatch){
                return false;
            }
        }
    }
    return dirty;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,538評論 19 139
  • 名稱 libev - 一個 C 編寫的功能全面的高性能事件循環(huán)。 概要 示例程序 關(guān)于 libev Libev 是...
    hanpfei閱讀 15,538評論 0 5
  • Angular面試題 一、ng-show/ng-hide與ng-if的區(qū)別? 第一點區(qū)別是,ng-if在后面表達式...
    w_zhuan閱讀 5,705評論 0 26
  • 題目,是唐僧說的話,只是這個唐僧不是《西游記》里的唐僧,而是今何在《悟空傳》里的唐僧。今天推介的書目,就是我非常喜...
    可樂寶寶閱讀 1,516評論 0 2
  • 學(xué)習(xí)習(xí)慣的養(yǎng)成,學(xué)習(xí)能力的培養(yǎng),要學(xué)會遵守紀律與同學(xué)友好相處,此時的孩子各個方面知識有限,有些題目都不能理...
    李翰昆媽媽閱讀 233評論 0 0

友情鏈接更多精彩內(nèi)容