javascript异步调用的同步问题

最新推荐文章于 2023-06-03 18:22:25 发布
最新推荐文章于 2023-06-03 18:22:25 发布
阅读量1.2k 收藏
点赞数
分类专栏： 旧文档 文章标签： javascript function button xhtml server input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l787/article/details/6960338
版权

最近在研究javascript，发现批量的异步处理存在同步问题，研究了半天，最终用setTimeout解决了这个问题

处理代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BMap1.aspx.cs" Inherits="BMap1" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>    
</head>
<body>
    <form id="form1" runat="server">       
     <script type="text/javascript">
         // 创建地址解析器实例
         var myGeo = new BMap.Geocoder();
         // 将地址解析结果显示在地图上,并调整地图视野
         var COUNT = 30;
         var num = 0;
         var bFinishOne = true;


         function btn() {    
         
             //触发地址解析         
             timeout1();
         }
         
         //批地址解析处理过程
         function timeout1() {
         
             //100ms判断一次，调用结果是否返回
             if (bFinishOne == false) {
                 setTimeout(timeout1, 100);
                 return;
             }
             //地址解析调用
             myGeo.getPoint("北京市海淀区上地10街", function(point) {


                 if (point) {
                     document.getElementById("map").innerHTML += point.lng + "----" + num ;
                     out1();
                 }


             }, "北京市");
             //已经开始一次调用，初始化bFinishOne ；
             bFinishOne = false;             
             
             //打印调用开始信息
             document.getElementById("map").innerHTML += "F_START"
             
             //所有业务调用处理完，退出
             if (num == COUNT) {
                 num = 0; 
                 return;
             }      
             //触发100ms一次的调用，启动结果返回判断流程
             setTimeout(timeout1, 100);


         }
         
         //一次调用处理完毕的回调处理
         function out1() {
             document.getElementById("map").innerHTML += "F_END" + "<br/>"
             //该次处理完，置bFinishOne为处理完状态
             bFinishOne = true; 
             num++;
             if (num == COUNT) {
                 alert("finished send!");                            
             }                  
         }         
     </script>


    <input id="Button1" type="button" value="button"  οnclick="btn();"/>
     <div id="map" style="overflow:scroll;width:500px;height:320px"></div>
    </form>
</body>

</html>



具体参见代码中的解释，处理输出如下：

F_START116.308992----0F_END
F_START116.308992----1F_END
F_START116.308992----2F_END
F_START116.308992----3F_END
F_START116.308992----4F_END
F_START116.308992----5F_END
F_START116.308992----6F_END
F_START116.308992----7F_END
F_START116.308992----8F_END
F_START116.308992----9F_END
F_START116.308992----10F_END
F_START116.308992----11F_END

。。。


希熙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript的同步和异步
weixin_43183219的博客
02-28 382
JavaScript的同步和异步
JavaScript 异步调用
11-30
JavaScript中的异步调用是编程中的重要概念，特别是在前端开发和Node.js环境中。异步调用主要用于处理耗时的操作，如网络请求、文件读写、定时任务等，以避免阻塞主线程，确保用户界面的流畅性。 在给定的问题中，...
谈一谈几种处理JavaScript异步操作的办法
weixin_33871366的博客
02-26 219
引言 js的异步操作，已经是一个老生常谈的话题，关于这个话题的文章随便google一下都可以看到一大堆。那么为什么我还要写这篇东西呢？在最近的工作中，为了编写一套相对比较复杂的插件，需要处理各种各样的异步操作。但是为了体积和兼容性，不打算引入任何的pollyfill，甚至连babel也不允许使用，这也意味着只能以es5的方式去处理。使用回...
JavaScript同步与异步
邓占勇的博客
08-09 998
JavaScript的运行机制 运行栈 JavaScript的执行环境是 单线程 的，所谓单线程，就是每次都只能做一件事，后面的事必须等前面的执行完才可以进行。 console.log(1); console.log(2); console.log(3); console.log(4); // 1， 2， 3， 4 但是这有一个弊端，如果中途遇到某个操作长时间无法执行完成，那么后面的任务就必须排队等待，这严重影响了整个执行过程，会导致浏览器无响应。 为了解决这个问题，JavaScript将任务分为了 .
javascript中异步请求同步化
Yuanben_wuxin的博客
12-27 1644
在处理大型公司的异步请求时，为了迎合公司的整体框架，在发送异步请求时想要对获取的数据作为返回值使用，但是却无法实现，因为异步代码总是在同步的执行完后才开始  开始时用了错误的办法，如下  var result; $.ajax({ url:***, success:function(data){ result=data; }) while(！result){ } return reasult
Javascript同步与异步
醒醒只想醒醒
05-31 864
Javascript同步与异步 JS是单线程 JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为Javascript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用户的交互，以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。 单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个务。这样所导致的问题是∶如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。
JavaScript 异步调用框架 (Part 2 - 用例设计)
10-29
在上一篇文章里说到，我们要设计一个异步调用框架，最好能够统一同步异步调用的接口，同时具体调用顺序与实现方式无关。那么我们现在就来设计这样一个框架的用例。
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
10-29
在JavaScript编程中，异步调用是非常关键的一部分，尤其是在处理网络请求如Ajax操作时。...总的来说，理解并掌握JavaScript异步调用框架的实现和使用，对于提升JavaScript应用的性能和用户体验至关重要。
JavaScript 异步调用框架 (Part 1 – 问题 场景)
12-12
然而在单线程的JavaScript编程中，XHR异步调用的代码风格实在是与一般的JavaScript代码格格不入。 额外参数 考虑一个除法函数，如果它是纯客户端的同步函数，那么签名会是这样的： function divide(operand1, ...
JavaScript系列之―同步还是异步？
10-31
最简单的实现方法就是使用信号量的类来控制异步调用的顺序。这样，我们就可以保证多个dwr方法调用的顺序，并且避免了回调函数的嵌套。 在本文中，我们讨论了JavaScript中的异步编程和回调方法，并且探讨了异步编程...
js中的同步和异步
josonho
11-26 270
单线程的概念 如果大家熟悉java，应该都知道，java是一门多线程语言，我们常常可以利用java的多线程处理各种各样的事，比如说文件上传，下载等，而JavaScript是否也可以支持多线程呢？ 答案是否定的，JavaScript是一门单线程语言，因此，JavaScript在同一个时间只能做一件事，单线程意味着，如果在同个时间有多个任务的话，这些任务就需要进行排队，前一个任务执行完，才会执行下一个...
JavaScript-同步模式
热门推荐
往事不回头,余生不将就
09-22 1万+
前言 同步模式指的就是我们代码当中的任务依次之心，那会一个任务呢，就必须要等待前一个任务结束才能够开始执行。 那程序的执行顺序呢，跟我们代码的编写顺序是完全一致的，也就是说这种方式呢会比较简单。 那在单线程情况下，我们大多数任务都会以同步模式区执行。注意，我们这里所说的同步并不指的是同时执行，而是排队秩序。 那这里呢，我们可以一段同步模式的代码为例，来去分析一下他的具体执行过程 console.log('first'); const fun2 = () => { console..
Javascript 同步异步加载详解 （十足的好文章！！强烈推荐）
学无止境
08-08 8772
原文链接：http://handyxuefeng.blog.163.com/blog/static/4545217220131125022640/    本文总结一下浏览器在 javascript 的加载方式。 关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性
【JavaScript】理解执行机制
qq_42101150的博客
12-26 538
1、引题 setTimeout(function(){ console.log('定时器开始啦') }); new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){ i == 99 && resolve(); ...
Javascript的同步和异步
最新发布
ccc1006的博客
06-03 177
因为JavaScript是为了处理页面中用户的交互，以及操作DOM而诞生的如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推）。就是上一段的模式，后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的；"异步模式"则完全不同，每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。
Javascript 同步,异步:微任务和宏任务
m0_57135756的博客
05-10 1725
1.javascript是单线程的语言 javascript是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。 如下：如果有多个任务要执行，执行其他任务时，其他任务都要进行等待 1.1 单线程执行任务队列的问题 如果前一个任务非常耗时，则后续的任务不得不一直等待，从而导致程序假死的问题。 2.同步任务和异步任务 为了防止某个耗时任务导致程序假死的问题，javascript把待执行的任务分为了两类。 同步任务 又叫做 非耗时任务，指的是在主线程上排队执行的那些任务 只有前一个任务执行完毕，才能
javascript的同步和异步
牛先森家的博客
07-10 124
同步和异步 //1、同步代码,一步又一步，前面出问题，后面出问题 console.log('同步start'); for(let i=0;i<5;i++){ console.log('123'); //打印5次123 } console.log('同步end'); /* 同步start 5 123 ...
JavaScript的同步异步
weixin_55034688的博客
03-08 1243
同步（Sync）发出一个功能调用时,必须一件一件事做，等前一件做完了才能做下一件事。异步（Async）当一个异步过程调用发出后，调用者在没有得到结果之前，就可以继续执行后续操作。总结来说，同步和异步的区别：请求发出后，是否需要等待结果，才能继续执行其他操作。
原生js异步变同步问题
05-31
使用 async/await 可以将异步调用转换成同步调用的形式，让代码看起来更加简洁易读。通过在 async 函数中使用 await 关键字等待异步调用的结果，代码会在获取到结果之后继续执行。但需要注意的是，使用 await 关键字...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值