JS 通过 Promise 实现延时执行，链式调用

绝地灬酷狼 2023-01-03 01:53 202阅读 0赞

今天需要按顺序执行一组方法，并支持结果向后传递。  
照着别人的代码改了一下：

class Jdelay { 
      constructor() { 
    	this.params = []; // 用来缓存链式调用的结果进行传递
        this.queue = Promise.resolve();
      }
      /** * 睡眠指定时间。默认1秒 */
      sleep(time=1) { 
        this.queue = this.queue.then(() => { 
          return new Promise(res => { 
            setTimeout(res, time * 1000)
          })
        })
        return this;
      }
      /** * 执行传入的方法 */
      do(callback) { 
        this.queue = this.queue.then(() => { 
        	if(typeof foo == 'function'){ 
        		// 将上一次执行结果作为参数传入。将本次执行结果保存备用。 
          		this.params.push(callback(this.params.pop()));
        	}else{ 
        		console.info('请传入回调函数，当前是个：', typeof callback);
        	}
        })
        return this;
      }
    }
    
    /** * 被调用的方法 */
    function foo(data){ 
    	var now = (new Date()).toLocaleString().match(/(\d+)/g).map((d,i)=>d+['-','-',' ',':',':',''][i]).join('');
    	console.info(now, '前一个方法结果：', data); 
    	return now + '某些事情发生了！';
    }
    
    // 链式调用3次
    new Jdelay().sleep(3).do(foo).sleep(3).do(foo).sleep(3).do(foo);

输出结果

2021-1-6 8:02:31 前一个方法结果： undefined
    2021-1-6 8:02:34 前一个方法结果： 2021-1-6 8:02:31某些事情发生了！
    2021-1-6 8:02:37 前一个方法结果： 2021-1-6 8:02:34某些事情发生了！

# 参考资料 #

[用Promise实现：带延时功能的链式调用][Promise]

[Promise]: https://www.cnblogs.com/ronffy/p/8919468.html