源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript多并发问题如何处理

  • 时间:2022-05-31 00:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript多并发问题如何处理
经常在写代码的时候碰到这样的场景:页面初始化时显示loading页,同时启动多个ajax并发请求获取数据,当每个ajax请求返回时结束loading。 举个例子,一个下订单的页面,要查询常用地址信息、商品信息、地市信息…而这些请求都是异步的,希望等到所有数据加载完成后再允许用户操作。 要实现这个场景容易碰到的一个问题就是多并发怎么控制?下面是一些解决方法和思路: [b]并行改为串行[/b] 如果业务逻辑本身是串行的,但是提供的请求方式又是异步的,可以考虑此方法。 但本场景显然不是这种情况,这样做大大降低了页面性能,延长了加载速度。 [b]回调[/b] 只适合并发数少的情况,多层嵌套回调会让代码的可读性大大降低
function async1(){
  //do sth...
}
function async2(){
  //do sth...
  async1();
}
async2();

[b]ajax改为同步[/b] 如在jquery中将async参数设置为false
$.ajax({
  url:"/jquery/test1.txt",
  async:false
});
[b]设置结束标识[/b] 简单一点的可以设置计数器,每完成一个异步函数加1,或者设置一个数组,每执行完一个异步函数更新数组。 [b]回调计数[/b]
var cnt = 0;
function async1(){
  //do sth...
  callback();
}
function async2(){
  //do sth...
  callback();
}
function callback(){
  cnt++;
  if(2==cnt) console.log('都已执行完毕');
}

[b]循环阻塞[/b]
var cnt = 0;
function async1(){
  //do sth...
  cnt++;
}
function async2(){
  //do sth...
  cnt++;
}
while(2>cnt){}

[b]循环非阻塞[/b] 不建议过多使用,以免影响性能
var cnt = 0;
function async1(){
  //do sth...
  cnt++;
}
function async2(){
  //do sth...
  cnt++;
}
var interval = setInterval(function(){
  if(2===cnt){
    console.log('已执行完成');
    clearInterval(interval)
  }
}

[b]第三方框架实现[/b] [b]jquery[/b] 目前我在项目中采用的方式
var d1 = $.Deferred();
var d2 = $.Deferred();
function async1(){
  d1.resolve( "Fish" );
}
function async2(){
  d2.resolve( "Pizza" );
}
$.when( d1, d2 ).done(function ( v1, v2 ) {
  console.log( v1 + v2 + '已完成');
});
以上内容是小编给大家介绍的关于JavaScript多并发问题如何处理的相关知识,希望对大家有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部