主页 / 网络编程 /

JavaScript多并发问题如何处理

网络编程 2021-07-04 21:03www.168986.cn编程入门
这篇文章给大家介绍javascript多并发问题处理方法，涉及到js多并发处理方法相关知识，对js多并发处理方法感兴趣的朋友可以参考下本文

经常在写代码的时候碰到这样的场景页面初始化时显示loading页，启动多个ajax并发请求获取数据，当每个ajax请求返回时结束loading。

举个例子，一个下订单的页面，要查询常用地址信息、商品信息、地市信息…而这些请求都是异步的，希望等到所有数据加载完成后再允许用户操作。

要实现这个场景容易碰到的一个问题就是多并发怎么控制？狼蚁网站SEO优化是一些解决方法和思路

并行改为串行

如果业务逻辑本身是串行的，提供的请求方式又是异步的，可以考虑此方法。
但本场景显然不是这种情况，这样做大大降低了页面性能，延长了加载速度。

回调

只适合并发数少的情况，多层嵌套回调会让代码的可读性大大降低

function async1(){
  //do sth...
}
function async2(){
  //do sth...
  async1();
}
async2();

ajax改为同步

如在jquery中将async参数设置为false

$.ajax({
  url:"/jquery/test1.txt",
  async:false
});

设置结束标识

简单一点的可以设置计数器，每完成一个异步函数加1，或者设置一个数组，每执行完一个异步函数更新数组。

回调计数

var t = 0;
function async1(){
  //do sth...
  callback();
}
function async2(){
  //do sth...
  callback();
}
function callback(){
  t++;
  if(2==t) console.log('都已执行完毕');
}

循环阻塞

var t = 0;
function async1(){
  //do sth...
  t++;
}
function async2(){
  //do sth...
  t++;
}
while(2>t){}

循环非阻塞

不建议过多使用，以免影响性能

var t = 0;
function async1(){
  //do sth...
  t++;
}
function async2(){
  //do sth...
  t++;
}
var interval = setInterval(function(){
  if(2===t){
    console.log('已执行完成');
    clearInterval(interval)
  }
}

第三方框架实现

jquery

目前我在项目中采用的方式

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多并发问题如何处理的相关知识，希望对大家有所帮助。

上一篇：开启Javascript中apply、call、bind的用法之旅模式 下一篇：JS实现双击屏幕滚动效果代码

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by