Angular

我們在Angular框架的程式碼裡能看到一個名為processQueue的函式：

這個函式是通過$scope.$apply啟動的：

核心程式碼位於一個for迴圈裡，迴圈體是一個儲存非同步處理任務的佇列asyncQueuePosition:

for (var asyncQueuePosition = 0; asyncQueuePosition < asyncQueue.length; asyncQueuePosition++) {

try {

    asyncTask = asyncQueue[asyncQueuePosition];

    fn =
 
 asyncTask.fn;

    fn(asyncTask.scope, asyncTask.locals);

} catch (e) {

      $exceptionHandler(e);

}

     lastDirtyWatch = null;

}

佇列裡每個元素長這樣的：一個處理函式fn，一個區域性變數locals和scope物件：

這個註釋也非常有用：一旦Angular發現由$scope.$apply觸發的JavaScript執行序列裡又出現了$scope.$apply的巢狀呼叫，會丟擲錯誤訊息：$digest already in progress

// It’s safe for asyncQueuePosition to be a local variable here because this loop can’t

// be reentered recursively. Calling $digest from a function passed to $evalAsync would

// lead to a ‘$digest already in progress’ error.

C4C 事件佇列

C4C的事件處理器，EventProcessor.js有一個事件佇列：

該佇列的實現位於sap/client/evt/的OperationQueue.js中：

隨便在C4C UI做一個點選，能觸發EventProcessor的_processQueue，C4C事件佇列的處理和Angular思路一樣，只不過是一個while迴圈替代了Angular的for迴圈：

C4C事件佇列裡每個元素屬性如下，可以同Angular事件元素做對比：

fFunc就相當於Angular時間元素的fn屬性，environment相當於Angular事件元素的scope屬性。

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":