Angular和SAP C4C的事件處理隊列分析

本篇內(nèi)容主要講解“Angular和SAP C4C的事件處理隊列分析”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“Angular和SAP C4C的事件處理隊列分析”吧!

Angular

我們在Angular框架的代碼里能看到一個名為processQueue的函數(shù)：

這個函數(shù)是通過apply啟動的：

核心代碼位于一個for循環(huán)里，循環(huán)體是一個存儲異步處理任務(wù)的隊列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;
}

隊列里每個元素長這樣的：一個處理函數(shù)fn，一個局部變量locals和scope對象：

這個注釋也非常有用：一旦Angular發(fā)現(xiàn)由apply觸發(fā)的JavaScript執(zhí)行序列里又出現(xiàn)了apply的嵌套調(diào)用，會拋出錯誤消息：$digest already in progress

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

// be reentered recursively. Calling evalAsync would

// lead to a '$digest already in progress' error.

C4C 事件隊列

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

該隊列的實現(xiàn)位于sap/client/evt/的OperationQueue.js中：

隨便在C4C UI做一個點擊，能觸發(fā)EventProcessor的_processQueue，C4C事件隊列的處理和Angular思路一樣，只不過是一個while循環(huán)替代了Angular的for循環(huán)：

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

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

到此，相信大家對“Angular和SAP C4C的事件處理隊列分析”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！