extjs源码分析-Ext.util.TaskRunner(模拟多线程)

2019独角兽企业重金招聘Python工程师标准>>>

/** 
* @class Ext.util.TaskRunner 
* @description 模拟多线程的JS类 
//一个简单的更新闹钟时间的任务 
var updateClock = function(){ 
    Ext.fly('clock').update(new Date().format('g:i:s A')); 
}  
var task = { 
    run: updateClock, 
    interval: 1000 //1 秒 
} 
var runner = new Ext.util.TaskRunner();//实例化一个线程管理器 
runner.start(task);//开始执行task线程 
//下面是简易的写法 
Ext.TaskMgr.start({ 
    run: updateClock, 
    interval: 1000 
}); 
* 对比查看{@link Ext.util.DelayedTask}.  
* @constructor 
* @param {Number} interval 这个设置线程管理器的执行时间，默认为10毫秒 
* (defaults to 10) 
*/  
Ext.util.TaskRunner = function(interval){  
    interval = interval || 10;  
    var tasks = [], //任务集合  
	removeQueue = [],//被移除的任务  
	id = 0,//定时器ID  
	running = false,//是否正在执行  

	// private  
	stopThread = function(){//停止执行，并把running 和 id 重置  
		running = false;  
		clearInterval(id);  
		id = 0;  
	},  

	// private  
	startThread = function(){//开始执行，确定当前进程还没执行  
		if(!running){  
			running = true;  
			id = setInterval(runTasks, interval);  
		}  
	},  

	// private  
	removeTask = function(t){//删除进程，  
		removeQueue.push(t);//把不要再执行的进程放到removeQueue数组中，以等待下次执行其他进程的时候把删除掉  
		if(t.onStop){//进程停止后的回调函数  
			t.onStop.apply(t.scope || t);  
		}  
	},  
	  
	// private  
	runTasks = function(){  
		var rqLen = removeQueue.length,//获取被  
			now = new Date().getTime();                               
	  
		if(rqLen > 0){  
			for(var i = 0; i < rqLen; i++){  
				tasks.remove(removeQueue[i]);//把removeQueue中的值从tasks中移除  
			}  
			removeQueue = [];//重新重置 removeQueue  
			if(tasks.length < 1){//如果进程数为0，那直接返回，并停止当前正在执行的进程  
				stopThread();  
				return;  
			}  
		}             
		for(var i = 0, t, itime, rt, len = tasks.length; i < len; ++i){  
			t = tasks[i];  
			itime = now - t.taskRunTime;//当前时间 - 线程的最后一次运行的时间  
			//因为这个函数默认的interval为10，也就是整个线程实例是每隔10毫秒会去监控一次是否有需要运行的任务,  
			//这样做的原因是保障每个任务的定时器可以不一样，但都能执行得到，这就是这个函数能支持多个定时任务的原因所在，其实也就是模拟了多线程  
			if(t.interval <= itime){  
				rt = t.run.apply(t.scope || t, t.args || [++t.taskRunCount]);  
				t.taskRunTime = now;//重新更新当前线程的执行时间  
				//如果线程结束，则删除当前线程   
				if(rt === false || t.taskRunCount === t.repeat){  
					removeTask(t);  
					return;  
				}  
			}  
			//如果存在 duration 并且已经超出了执行时间了，比如我要求这个线程执行时间 即duration 为一分钟，  
			//那么我这个任务已经执行时间(当前时间 - 线程开始执行的时间)必须小于 一分钟，否则的话那这个线程就得删除  
			if(t.duration && t.duration <= (now - t.taskStartTime)){  
				removeTask(t);  
			}  
		}  
	};  
  
    /** 
     * Starts a new task. 
     * @method start 
     * @param {Object} task 配置属性:<ul> 
     * <li>run : Function 每次执行的回调函数，参数为 下面的 args 或者 当前线程被执行的次数 </li> 
     * <li>args : Array 这个值穿给上面的function</li> 
     * <li>scope : Object 线程执行的作用域 默认为当前的线程 </li> 
     * <li>duration : Number (optional) 执行的时长，单位是毫秒</li> 
     * <li>repeat : Number(optional) 线程执行的次数</li> 
     * </ul> 
     * @return {Object} The task 
     */  
    this.start = function(task){  
        tasks.push(task);  
        task.taskStartTime = new Date().getTime();//线程开始执行的时间  
        task.taskRunTime = 0;//线程执行的的时间 这个是以毫秒为单位的数字 1000便是一秒  
        task.taskRunCount = 0;//线程执行的次数  
        startThread();  
        return task;  
    };  
  
    /** 
     * @description 停止某个线程执行 
     * @method stop 
     * @param {Object} task 被停止的线程 
     * @return {Object} 返回被停止的线程 
     */  
    this.stop = function(task){  
        removeTask(task);  
        return task;  
    };  
  
    /** 
     * @description 停止所有线程. 
     * @method stopAll 
     */  
    this.stopAll = function(){  
        stopThread();  
        for(var i = 0, len = tasks.length; i < len; i++){  
            if(tasks[i].onStop){  
                tasks[i].onStop();  
            }  
        }  
        tasks = [];  
        removeQueue = [];  
    };  
};  
//多线程实例化对象  
Ext.TaskMgr = new Ext.util.TaskRunner();

转载于:https://my.oschina.net/darkness/blog/357031