摘要：今天自己寫小程序的時候，近乎被異步搞到崩潰，不停地嵌套回調我知道和，但是我嫌寫起來跟裹腳布似的，而我怕有兼容性問題也從來沒有試過言歸正傳，將小程序的異步調用變為同步以下教程適用于所有異步，只是給小程序做了一下封裝。

今天自己寫小程序的時候，近乎被異步搞到崩潰，不停地嵌套回調（我知道 await 和 promise，但是我嫌promise寫起來跟裹腳布似的，而await我怕有兼容性問題也從來沒有試過）
言歸正傳，將小程序的異步調用變為同步(以下教程適用于所有異步，只是給小程序做了一下封裝)。
原理：增加事件隊列，采用事件回調來完成同步化

以下代碼復制粘貼到控制臺即可測試效果；
這里直接寫es6代碼了,先寫個定時器版本的方便測試與理解
先寫個無注釋版本的，方便直接看代碼

class Async{
   
        constructor() {
            this.list = [];
            this.sock = false;
        }
   
        request(obj) {
            setTimeout(() => {
                console.log(obj);
                this.sock = false;
                if(this.list[0])
                    this.do(this.list.shift());
            }, 1000)
        }

        do(requestObj, sync) {
            if(!sync) {
                return this.request(requestObj);
            }
            if(this.sock) {
                this.list.push(requestObj);
            }else {
                this.sock = true;
                this.request(requestObj);
            }
        }

    }

-----------以下為注釋版本-----------

     class Async{
        
        constructor() {
            this.list = []; // 定義 執行隊列
            this.sock = false; // 判斷是否有任務正在執行
        }
   
        request(obj) {
            setTimeout(() => {
                console.log(obj); 
                this.sock = false; // 重置為沒有任務正在執行
                if(this.list[0]) // 如果隊列中還有任務，執行下一個任務
                    this.do(this.list.shift());
            }, 1000) // 模擬一個異步，一秒后執行任務，執行完成后執行下一個異步任務
        }

        do(requestObj) {
            if(this.sock)  // 如果有任務在執行
                this.list.push(requestObj); // 將當前任務其增加到任務隊列
            else {
                this.sock = true; // 否則開始執行當前任務并設定"有任務在執行"
                this.request(requestObj);
            }
        }
    }
    
    var x = new Async();
    x.do({url: 1}); // 一秒后打印 url: 1
    x.do({url: 2}); // 兩秒后打印 url: 2

但是同步只是異步無可奈何的選擇，所以不能全部否決掉異步

 class Async{
        
        constructor() {
            this.list = []; // 定義 執行隊列
            this.sock = false; // 判斷是否有任務正在執行
        }
   
        request(obj) {
            setTimeout(() => {
                console.log(obj); 
                this.sock = false; // 重置為沒有任務正在執行
                if(this.list[0]) // 如果隊列中還有任務，執行下一個任務
                    this.do(this.list.shift());
            }, 1000) // 模擬一個異步，一秒后執行任務，執行完成后執行下一個異步任務
        }

        do(requestObj, sync) {
            if(!sync) // 判斷是否需要同步，如果需要再加入到隊列，不然直接執行
                return this.request(requestObj); 
            if(this.sock)  // 如果有任務在執行
                this.list.push(requestObj); // 將當前任務其增加到任務隊列
            else {
                this.sock = true; // 否則開始執行當前任務并設定"有任務在執行"
                this.request(requestObj);
            }
        }
    }
    
    var x = new Async();
    x.do({url: 1}, true); // 一秒后打印 url: 1
    x.do({url: 2}, true); // 兩秒后打印 url: 2
    x.do({url: 3}); // 一秒后打印 url: 3

然后加入小程序的接口調用方法

class AsyncRequest{
        
        constructor() {
            this.list = []; // 定義 執行隊列
            this.sock = false; // 判斷是否有任務正在執行
        }
   
         request(obj) {
            wx.request({
                      url: obj.url,
                    data: obj.data,
                    header: {
                       "content-type": "application/json" 
                    },
                      success: res => {
                        obj.cb(res);
                        if(this.list[0])
                            this.do(this.list.shift());
                      }
            })
        }

        do(requestObj, sync) {
            if(!sync) // 判斷是否需要同步，如果需要再加入到隊列，不然直接執行
                return this.request(requestObj); 
            if(this.sock)  // 如果有任務在執行
                this.list.push(requestObj); // 將當前任務其增加到任務隊列
            else {
                this.sock = true; // 否則開始執行當前任務并設定"有任務在執行"
                this.request(requestObj);
            }
        }
    }
    var x = new AsyncRequest();
    x.do({url: 1, data: {test: 1}, cb: ()=> {}}, true); // 先請求接口1
    x.do({url: 2}, true); // 1 請求完成后請求接口2
    x.do({url: 3}); // 和 1 同時 發起請求