ITPub博客

首页 > 应用开发 > Javascript > Angular和SAP C4C的事件处理队列

Angular和SAP C4C的事件处理队列

原创 Javascript 作者:i042416 时间:2018-10-03 22:16:50 0 删除 编辑

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的原创文章,请关注公众号"汪子熙":


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/24475491/viewspace-2215418/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使。

注册时间:2018-01-20

  • 博文量
    1874
  • 访问量
    864921