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多并发问题如何处理的相关知识,希望对大家有所帮助。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程