JS多个异步请求按顺序执行next实现解析

发布日期： 2026-01-12 阅读量： 作者： 用户投稿

在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一起；这里是按照顺序发请求

首先创建一个迭代器，接收任意多个函数参数

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);
      } 
    }

创建多个异步的函数，注入到迭代器中

/*
     comm:多个函数，公用的变量
     next:调用下一个函数
     * */
    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');
    }
//开始执行迭代
nextRegister(fn1,fn2,fn3);

在这里，fn1-fn3函数中，做异步操作，知道在异步成功的时候调用next()就可以继续执行下一个函数，同时可以将前面函数返回的结果，绑定在comm上，带到下一个函数中

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇: 基于layui框架响应式布局的一些使用详解

下一篇: layer弹出层自适应高度,垂直水平居中的实现

JS多个异步请求 按顺序执行next实现解析

随便看看

南昌壹佳企网络通信有限公司

JS多个异步请求按顺序执行next实现解析