JS多个异步请求按顺序执行next实现解析_多个异步请求顺序执行 - CSDN文库

5星 · 超过95%的资源 126 浏览量更新于2023-03-16 评论收藏 37KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

主要介绍了js多个异步请求按顺序执行next实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工

作具有一定的参考学习价值,需要的朋友可以参考下

在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上，带到下一个函数中

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

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论10

扈涧盛

2023-06-20

这篇文件的作者非常厉害，能够用简单的语言解决我工作中遇到的JS异步请求问题。

weixin_38574410

粉丝: 8
资源: 989

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈