ExtJs 中使用 TaskRunner 和 DelayedTask 如何传参数到 run() 方法

在 ExtJs 中支持多线程的类有 Ext.util.TaskRunner 和 Ext.util.DelayedTask。TaskRunner 提供了多线程的定时服务,DelayedTask 允许你延时多久在新建线程中执行一个任务。Ext.TaskMgr 是一个 TaskRunner 实例,在 TaskMgr.js 源码中可以看到最后一行是:

Ext.TaskMgr = new Ext.util.TaskRunner();

实质上不管是 TaskRunner 还是 DelayedTask,它们都是通过 setInterval() 来执行任务的,TaskRunner 能多次重复的执行一个方法,而 DelayedTask 是延时执行完一次任务后就会调用 clearInterval() 来保证只执行一次。所以这里所说如何向任务的 run() 方法传递参数,本质上就是向 setInterval() 中方法传递参数。

我们到 http://extjs.com/deploy/dev/docs/output/Ext.util.TaskRunner.html 看 TaskRunner 的 API,start(Object task) 中 task 参数是一个配置对象,这里关注它的两个属性:

run : Function  定时执行的方法
args : Array 传递给上面 run 方法的参数

来看一个基本使用方法,下面是不带 args 属性参数的使用:

上面没有向 run() 方法提供参数,那么应该如何向 run() 传入参数,run() 方法此时的原型是怎么样,又该如何获得传入的参数?办法是:js 函数的固有属性 arguments。看代码:

如果不在 run() 方法中返回 false,你会发现会不停的弹出窗口,有了 args 属性时,repeat 根本不管用。原因还得从 TaskMgr 源代码中去发现:

上面是 TaskRunner 的 runTasks 方法,当有了 args 参数,t.taskRunCount 永远都是 0,不会到达 t.taskRunCount === t.repeat,所以只能让 run() 方法返回 fasle 来终止,即满足 rt === false 时就会 removeTask(t),当然你也可以设定一个 duration 期限。

想不太明白,为什么 ExtJs 不能让 args 和 repeat 同时有效,即让 ++t.taskRunCount 总是能得到执行。如果指定了 args 即传它,否则把当前被调用次数传递给 run() 方法。

前面看到 run() 方法是通过 Function.apply(obj: Object, args: Array) 来调用的,它是通过数组来传递参数,方法中用 arguments 取得。JS 中另一调用函数的方法是 Function.call(obj: Object, arg1, arg2, arg3,...),相当于变长参数的形式。

关于 DelayedTask 传参数的用法也是同理,而且它还不存在 repeat 和 args  的不和谐之音。同样可有两种方式,arguments 数组中取和 run() 方法加个 arg 参数取得 args 的第一个元素。直接看代码:

从 DelayedTask 中可看到它也是通过 apply 来调用 run() 方法的,fn.apply(scope, args || []); 没有指定参数则传空参。

参考:1. Javascript中的apply和call函数
        2. ExtJS 2.2定时任务

本文链接 https://yanbin.blog/extjs-taskrunner-delayedtask-run-method/, 来自 隔叶黄莺 Yanbin Blog

[版权声明] Creative Commons License 本文采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。

Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments