JavaScript多并发问题如何处理

前端之家收集整理的这篇文章主要介绍了JavaScript多并发问题如何处理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

要实现这个场景容易碰到的一个问题就是多并发怎么控制?下面是一些解决方法和思路:

并行改为串行

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

回调

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

ajax改为同步

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

设置结束标识

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

回调计数

循环阻塞

cnt){}

循环非阻塞

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

第三方框架实现

jquery

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

以上内容是小编给大家介绍的关于JavaScript多并发问题如何处理的相关知识,希望对大家有所帮助。

原文链接:https://www.f2er.com/js/51951.html

猜你在找的JavaScript相关文章