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 属性参数的使用：

01. Ext.onReady( function (){

02.      var runner = new Ext.util.TaskRunner();

03.      runner.start({      //任务被调用的方法

04.          run: function (){

05.              alert( 'run() 方法被执行.' )

06.          },

07.          interval: 1000, //一秒执行一次

08.          repeat: 5       //重复执行 5 次

09.      });

10. });

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

01. Ext.onReady( function (){

02.      var runner = new Ext.util.TaskRunner();

03.      runner.start({      //任务被调用的方法

04.          run: function (){ //run 方法原型不变，实际可以去遍历这个 arguments 参数数组

05.              alert( 'run() 方法被执行. 传入参数个数：' + arguments.length + ", 分别是："

06.                  + arguments[0] + "," + arguments[1] + "," + arguments[2]);

07.              return false ;  //不返回 false，run() 方法会被永无止境的调用

08.          },

09.          args:[100,200,300],

10.          interval: 1000, //一秒执行一次，本例中 run() 只在 1 秒后调用一次

11.          repeat: 2       //重复执行 2 次, 这个参数已不再启作用了

12.      });

13. });

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

01. if (t.interval <= itime){

02.      var rt = t.run.apply(t.scope || t, t.args || [++t.taskRunCount]);

03.      t.taskRunTime = now;

04.      if (rt === false || t.taskRunCount === t.repeat){

05.          removeTask(t);

06.          return ;

07.      }

08. }

09. if (t.duration && t.duration <= (now - t.taskStartTime)){

10.      removeTask(t);

11. }

上 面是 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,...)，相当于变长参数的形式。

01. Ext.onReady( function (){

02.      var runner = new Ext.util.TaskRunner();

03.      runner.start({      //任务被调用的方法

04.          run: function (arg){ //run 方法原型有变，有一个参数

05.              //同样能用 arguments 取到 args 中的所有元素

06.              alert( 'run() 方法被执行. 传入参数个数：' + arguments.length + ", 分别是："

07.                  + arguments[0] + "," + arguments[1] + "," + arguments[2] +

08.                  ", arg 的值是：" + arg); //arg 对应 args 中的第一个元素

09.              return false ;  //不返回 false，run() 方法会被永无止境的调用

10.          },

11.          args:[100,200,300],

12.          interval: 1000, //一秒执行一次，本例中 run() 只在 1 秒后调用一次

13.          repeat: 2       //重复执行 2 次, 这个参数已不再启作用了

14.      });

15. });

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

1. var delayedTask = new Ext.util.DelayedTask(); //你也可以在初始化时传入 fn,scope,args

2. delayedTask.delay(1000, function (arg){ //没有 arg 参数也是能用 arguments 的

3.      //同样能用 arguments 取到 args 中的所有元素

4.      alert( 'run() 方法被执行. 传入参数个数：' + arguments.length + ", 分别是："

5.              + arguments[0] + "," + arguments[1] + "," + arguments[2] +

6.              ", arg 的值是：" + arg); //arg 对应 args 中的第一个元素

7.       

8. }, this ,[100,200,300]);

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

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