JavaScript多并发问题如何处理
经常在写代码的时候碰到这样的场景：页面初始化时显示loading页，同时启动多个ajax并发请求获取数据，当每个ajax请求返回时结束loading。
举个例子，一个下订单的页面，要查询常用地址信息、商品信息、地市信息…而这些请求都是异步的，希望等到所有数据加载完成后再允许用户操作。
要实现这个场景容易碰到的一个问题就是多并发怎么控制？下面是一些解决方法和思路：
并行改为串行
如果业务逻辑本身是串行的，但是提供的请求方式又是异步的，可以考虑此方法。
但本场景显然不是这种情况，这样做大大降低了页面性能，延长了加载速度。
回调
只适合并发数少的情况，多层嵌套回调会让代码的可读性大大降低
functionasync1(){
//dosth...
}
functionasync2(){
//dosth...
async1();
}
async2();
ajax改为同步
如在jquery中将async参数设置为false
$.ajax({
url:"/jquery/test1.txt",
async:false
});
设置结束标识
简单一点的可以设置计数器，每完成一个异步函数加1，或者设置一个数组，每执行完一个异步函数更新数组。
回调计数
varcnt=0;
functionasync1(){
//dosth...
callback();
}
functionasync2(){
//dosth...
callback();
}
functioncallback(){
cnt++;
if(2==cnt)console.log('都已执行完毕');
}
循环阻塞
varcnt=0;
functionasync1(){
//dosth...
cnt++;
}
functionasync2(){
//dosth...
cnt++;
}
while(2>cnt){}
循环非阻塞
不建议过多使用，以免影响性能
varcnt=0;
functionasync1(){
//dosth...
cnt++;
}
functionasync2(){
//dosth...
cnt++;
}
varinterval=setInterval(function(){
if(2===cnt){
console.log('已执行完成');
clearInterval(interval)
}
}
第三方框架实现
jquery
目前我在项目中采用的方式
vard1=$.Deferred();
vard2=$.Deferred();
functionasync1(){
d1.resolve("Fish");
}
functionasync2(){
d2.resolve("Pizza");
}
$.when(d1,d2).done(function(v1,v2){
console.log(v1+v2+'已完成');
});
以上内容是小编给大家介绍的关于JavaScript多并发问题如何处理的相关知识，希望对大家有所帮助。