读Ext之六(延迟任务的执行)

Ext.util.DelayedTask类从名字上就可以看出它是延迟任务的执行。即指定时间之后执行任务。

整个类如下：

Ext.util.DelayedTask = function(fn, scope, args){
    var me = this,
    	id,    	
    	call = function(){
    		clearInterval(id);
	        id = null;
	        fn.apply(scope, args || []);
	    };

    me.delay = function(delay, newFn, newScope, newArgs){
        me.cancel();
        fn = newFn || fn;
        scope = newScope || scope;
        args = newArgs || args;
        id = setInterval(call, delay);
    };

    me.cancel = function(){
        if(id){
            clearInterval(id);
            id = null;
        }
    };
};

总体上看写类方式是采用 构造函数方式 （将字段，方法都挂在内部this上）

当然这里this上没挂字段，只挂了两个方法delay和cancel。这里巧妙的使用setInterval和clearInterval而不是setTimeout。

DelayedTask 有三个参数，fn是需延迟执行的函数（必选，但可在delay时指定），scope是该函数执行时的上下文（可选），args是传递给该函数的参数（可选）。

delay方法的后三参数与DelayedTask构造器相同，第一个参数是需要延迟的时间数字，为毫秒。示例如下：

function fn(){
	alert('test');
}
var task = new Ext.util.DelayedTask(fn);
task.delay(2000);

即在2秒后执行fn。这是最简单的示例，复杂的可以指定fn的执行上下文，还可以传参数。

这个类在 Ext.util.Event 类中私有函数createBuffered，createDelayed用到。而这两个函数在Ext.util.Event的createListener方法中用到。

 

下一篇的 Ext.util.TaskRunner 将提供更为强大，多任务定时管理功能。

 

DelayedTask.js