Angular和SAP C4C的事件處理隊列

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