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的原創文章，請關註公眾號"汪子熙":

Angular和SAP C4C的事件處理隊列