本例子实用于以下环境:

  1. 当你有一堆异步工作须要按程序执行的时候;
  2. 当你不晓得有多少个异步工作须要按程序执行的时候;
    举例场景:
    有一个扫描仪,下面放有N个待扫描文件(其中有非凡文件须要分组);每次扫描实现后,扫描仪会将数据返回,且返回数据须要调用接口才能够辨认解决哪个是非凡文件用于分组。非凡文件前面的文件就属于以后这个组的;
    图来表述:

class AsyncTask {    constructor() {        this.queue = []; // 列队申请数组[promise]        this.resolve = (res) =>{} // 列队每次申请完结后回调函数        this.running = false; // 以后列队是否正在执行工作    }        /**     * 触发异步申请,退出工作队列     * 当队列中工作数大于0时,开始解决队列中的工作     * @param {Promise} task 异步工作     * @param {Array} image 影像回显列表     */    addQueue(task) {        this.queue.push(task);        if (this.queue.length > 0 && !this.running) {            this.running = true            this.process()        }    }    process() {        const item = this.queue.shift();         if (item) {            item.then(res => {                this.resolve(res)                this.process()            })        } else {            this.running = false        }    }}export default new AsyncTask()

应用办法

import AsyncTask from "./asyncTask" // 扫描前将异步列队工作回调函数设置好// doSomeThings是申请完结后你要做的事件AsyncTask.resolve = this.doSomeThing;// ajax()是你的promise申请AsyncTask.addQueue(ajax());