当前位置:主页 > javascript教程 > js异步编程技巧总结

js异步编程小技巧详解

发布:2020-01-21 11:31:50 91


本站精选了一篇javascript相关的编程文章,网友石泰然根据主题投稿了本篇教程内容,涉及到js、异步编程、异步回调、js异步编程技巧总结相关内容,已被334网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

js异步编程技巧总结

异步回调是js的一大特性,理解好用好这个特性可以写出很高质量的代码。分享一些实际用的一些异步编程技巧。

1.我们有些应用环境是需要等待两个http请求或IO操作返回后进行后续逻辑的处理。而这种情况使用回调嵌套代码会显得很难维护,而且也没有充分使用js的异步优势。

看下实例(为了大家容易理解使用了jq作为示例)

 $.get("获取数据1.html",function(data,status){
   $.get("获取数据2.html",function(data1,status1){
    //使用 data 和data1逻辑
  });
 });


这种代码明显需要等待上个ajax请求返回后才会进行第二个请求,效率很低,而且回调嵌很不利于逻辑。我们可以使用计数器的方式,每完成一个请求计数器加1 当计数器等于2时执行回调逻辑

var get_data
var get-data1
function next(){
  //使用 data 和data1逻辑
}
$.get("获取数据1.html",function(data,status){
  get_data=data
  (++over === all) && (next());
 });
$.get("获取数据2.html",function(data1,status1){
  get_data1=data1
  (++over === all) && (next());
   
}); 

这种方式两个http并行发送,极大的提高了效率


参考资料

相关文章

  • Python3 JSON 数据解析及日期和时间小结

    发布:2023-03-29

    这篇文章主要介绍了Python3 JSON 数据解析及日期和时间,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下


  • JS如何实现关键词高亮显示正则匹配功能

    发布:2020-01-27

    这篇文章主要介绍了JS实现关键词高亮显示正则匹配功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下


  • python json数据怎么写入文件

    发布:2019-07-03

    在本篇文章中小编给大家整理了关于python json数据怎么写入文件的相关实例内容以及代码,需要的朋友们学习参考下。


  • express.js框架中间件middleware的知识点分享

    发布:2019-11-22

    这篇文章主要介绍了浅谈express.js框架中间件(middleware),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 使用javascript如何实现文字无缝滚动

    发布:2020-03-12

    这篇文章主要为大家详细介绍了javascript实现文字无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 实例详解Node.js中Koa2在控制台输出请求日志的方法

    发布:2020-03-12

    这篇文章主要给大家介绍了关于Node.js中Koa2在控制台输出请求日志的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Node.js具有一定的参考学习价值,需要的朋友们下面来一起


  • java异步编程之一文看完其异步函数表

    发布:2023-04-24

    这篇文章主要为大家介绍了java异步编程之一文看完其异步函数表示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • 利用原生JS来实现对dom元素class的操作方法

    发布:2020-03-01

    这篇文章主要介绍了原生JavaScript来实现对dom元素class的操作方法,提供了代码toggleClass的测试例子,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。


网友讨论