溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JS多個異步請求 按順序執(zhí)行next實現(xiàn)解析

發(fā)布時間：2020-09-21 05:31:51 來源：腳本之家 閱讀：266 作者：muamaker 欄目：web開發(fā)

在js里面，偶爾會遇見需要多個異步按照順序執(zhí)行請求，又不想多層嵌套，，這里和promise.all的區(qū)別在于，promise或者Jquery里面的$.when 是同時發(fā)送多個請求，一起返回，發(fā)出去的順序是一起；這里是按照順序發(fā)請求

首先創(chuàng)建一個迭代器，接收任意多個函數(shù)參數(shù)

function nextRegister(){
      var args = arguments;
      var count = 0;
      var comm = {};
      function nextTime(){
        count++;
        if(count < args.length){
          if(args[count] && Object.prototype.toString.call(args[count]) == '[object Function]'){
            args[count](comm,nextTime);
          }
        }
      }
      if(args[count] && Object.prototype.toString.call(args[count]) == '[object Function]'){
        args[count](comm,nextTime);
      } 
    }　

創(chuàng)建多個異步的函數(shù)，注入到迭代器中

/*
     comm:多個函數(shù)，公用的變量
     next:調(diào)用下一個函數(shù)
     * */
    function fn1(comm,next){
      console.log('1');
      comm.age = 20;
      next();
    }
    function fn2(comm,next){
      next();
      console.log('2');
      console.log(comm.age);
    }
    function fn3(comm,next){
      console.log('3');
    }
//開始執(zhí)行迭代
nextRegister(fn1,fn2,fn3);

在這里，fn1-fn3函數(shù)中，做異步操作，知道在異步成功的時候調(diào)用next()就可以繼續(xù)執(zhí)行下一個函數(shù)，同時可以將前面函數(shù)返回的結(jié)果，綁定在comm上，帶到下一個函數(shù)中

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手