记录异步任务中断和恢复的方案

题要

	/**
         * 任务中断和恢复
         * 依次循序执行一系列任务
         * 所有任务全部完成后可以得到每个任务的执行结果
         * 需要返回两个方法 start用于启动任务、pause用户暂停任务
         * 每个任务具有原子性，即不可中中断，只能在两个任务之间中断
         * @param { ...Function} tasks任务列表，每个任务列表无参、异步
         * function processTacks(...tasks) {}
    */
		const tasks = [];
        for (let i = 0; i < 5; i++) {
            tasks.push(() => {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        resolve(i);
                    }, 1000);
                });
            });
        };
       

        const processer = processTacks(...tasks);
        
        document.querySelector('#btn').onclick = async () => {
            console.log('开始执行任务')
            const result = await processer.start();
            console.log(result)
        }
        
        document.querySelector('#btn2').onclick = () => {
            console.log('手动暂停任务')
            processer.pause();
        }
        

分析题干

每个任务具有原子性，即不可中中断，只能在两个任务之间中断

	function processTacks(...tasks) {
		// 需要返回两个方法 start用于启动任务、pause用户暂停任务
		// 所有任务全部完成后可以得到每个任务的执行结果
		// 依次循序执行一系列任务
		let result =[];
		let isRuning = false; // 设立一个标志位
		return {
			async start(){
				if(isRuning) return // 如果此时已经在执行。则不重新执行
			  	isRuning = true;
			  	for(let i = 0; i < tasks.length; i++){
			  		if(!isRuning) return;// 任务暂停时。直接停止函数。
			  		result.push(await tasks[i]());
			  	}
			  	isRuning = false;// 任务执行结束后恢复标志位
			  	return result
			},
			pause(){
				isRuning = false;
			}
		}
	}

此时你已经完成大部分功能但仍有部分要求未达成。
1测试后可以发现。每次暂停后。再次启动时任务会从新开始执行
2暂停后直接得到了异步的返回的结果。

优化1

	function processTacks(...tasks) {
		// 需要返回两个方法 start用于启动任务、pause用户暂停任务
		// 所有任务全部完成后可以得到每个任务的执行结果
		// 依次循序执行一系列任务
		let result =[];
		let isRuning = false; // 设立一个标志位
		let i = 0;
		return {
			async start(){
				if(isRuning) return // 如果此时已经在执行。则不重新执行
			  	isRuning = true;
			  	// 改用while循环;或将i值提升
			  	while(i< tasks.length){
			  		if(!isRuning) return;// 任务暂停时。直接停止函数。
			  		result.push(await tasks[i]());
			  		i++;
			  	}
			  	// for(let i = 0; i < tasks.length; i++){
			  	// 	if(!isRuning) return isRuning =false;
			  	// 	result.push(await tasks[i]());
			  	// }
			  	isRuning = false;
			  	return result
			},
			pause(){
				isRuning = false;
			}
		}
	}

优化2

	function processTacks(...tasks) {
		// 需要返回两个方法 start用于启动任务、pause用户暂停任务
		// 所有任务全部完成后可以得到每个任务的执行结果
		// 依次循序执行一系列任务
		let result =[];
		let isRuning = false; // 设立一个标志位
		let i = 0;
		return {
			async start(){
				return new Promise(async (resolve, reject) => {
					if(isRuning) return // 如果此时已经在执行。则不重新执行
				  	isRuning = true;
				  	// 改用while循环;或将i值提升
				  	while(i< tasks.length){
				  		if(!isRuning) return;// 任务暂停时。直接停止函数。
				  		try{
				  			console.log('任务开始', i)
				  			result.push(await tasks[i]());
				  			console.log('任务结束', i)
				  		}catch(err){
					  		isRuning = false;
					  		console.error('任务出错', error, i)
					  		return reject(error)
				  		}
				  		i++;
				  	}
				  	
				  	isRuning = false;
				  	resolve(result)
				})
				
			},
			pause(){
				isRuning = false;
			}
		}
	}

至此基本功能实现。
如有错误望大佬们的指正。

这里是引用
部分数据来源参考《https://www.jianshu.com/p/c71e4dc1dd14》