正文
JavaScript同步请求的简单介绍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
javascript同步和异步的区别与实现方式
javascript语言是单线程机制。所谓单线程就是按次序执行，执行完一个任务再执行下一个。
对于浏览器来说，也就是无法在渲染页面的同时执行代码。
单线程机制的优点在于实现起来较为简单，运行环境相对简单。缺点在于，如果中间有任务需要响应时间过长，经常会导致
页面加载错误或者浏览器无响应的状况。这就是所谓的“同步模式”，程序执行顺序与任务排列顺序一致。对于浏览器来说，
同步模式效率较低，耗时长的任务都应该使用异步模式；而在服务器端，异步模式则是唯一的模式，如果采用同步模式个人认为
服务器很快就会出现12306在高峰期的表现。。。。
异步模式的四种方式：
1.回调函数callback
所谓回调函数，就是将函数作为参数传到需要回调的函数内部再执行。
典型的例子就是发送ajax请求。例如：
$.ajax({
async: false,
cache: false,
dataType: 'json',
url: "url",
success: function(data) {
console.log('success');
},
error: function(data) {
console.log('error');
}
})
当发送ajax请求后，等待回应的过程不会堵塞程序运行，耗时的操作相当于延后执行。
回调函数的优点在于简单，容易理解，但是可读性较差，耦合度较高，不易于维护。
2.事件驱动
javascript可以称之为是基于对象的语言，而基于对象的基本特征就是事件驱动（Event-Driven）。
事件驱动，指的是由鼠标和热键的动作引发的一连串的程序操作。
例如，为页面上的某个
$('#btn').onclick(function(){
console.log('click button');
});
绑定事件相当于在元素上进行监听，是否执行注册的事件代码取决于事件是否发生。
优点在于容易理解，一个元素上可以绑定多个事件，有利于实现模块化；但是缺点在于称为事件驱动的模型后，流程不清晰。
3.发布/订阅
发布订阅模式（publish-subscribe pattern）又称为观察者模式(Observer pattern)。
该模式中，有两类对象：观察者和目标对象。目标对象中存在着一份观察者的列表，当目标对象
的状态发生改变时，主动通知观察者，从而建立一种发布/订阅的关系。
jquery有相关的插件，在这不是重点不细说了。。。。回头写个实现贴上来
4.promise模式
promise对象是CommonJS工作组提供的一种规范，用于异步编程的统一接口。
promise对象通常实现一种then的方法，用来在注册状态发生改变时作为对应的回调函数。
promise模式在任何时刻都处于以下三种状态之一：未完成（unfulfilled）、已完成（resolved）和拒绝（rejected）。以CommonJS
Promise/A
标准为例，promise对象上的then方法负责添加针对已完成和拒绝状态下的处理函数。then方法会返回另一个promise对象，以便于形成promise管道，这种返回promise对象的方式能够支持开发人员把异步操作串联起来，如then(resolvedHandler,
rejectedHandler); 。resolvedHandler
回调函数在promise对象进入完成状态时会触发，并传递结果；rejectedHandler函数会在拒绝状态下调用。
Jquery在1.5的版本中引入了一个新的概念叫Deferred，就是CommonJS promise A标准的一种衍生。可以在jQuery中创建
$.Deferref的对象。同时也对发送ajax请求以及数据类型有了新的修改，参考JQuery API。
除了以上四种，javascript中还可以利用各种函数模拟异步方式，更有诡异的诸如用同步调用异步的case
只能用team里同事形容java和javascript的一句话作为结尾：
“写java像在高速路上开车，写javascript像在草原上开车”-------------以此来形容javascript这种无类型的语言有多自由
but，如果草原上都是坑。
相关问答
Q1: 关于javascript的回调函数同步问题
首先javascript脚本是线性执行的
javascript
运算A
运算B
运算C
/javascript
执行了"A"才会执行B，然后才会执行C
之所以出现你说的异步现象。是因为你调用BMap.Map类getPoint是个ajax
这个ajax是一个http请求。不受javascript程序执行的限制
因为。getPoint就跳出了这个javascript脚本。自己去执行了，而脚本继续下一个语句alert(d1)
因此-----------
function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
d1=point.lng;
}
}
----------------------
这个ajax反回后才执行的方法。并没有工作
所以d1没有=point.lng
如果象得到ajax请求后的d1结果
请在
d1=point.lng;后面加入:
alert(d1);
Q2: js 如何判断是异步请求还是普通请求
这是根据请求时的参数来决定的啊，如果async为true就是异步请求，为false就是同步请求。也就是说，是否异步请求是由前端决定的，后台程序是不作区分一视同仁处理的。前端如果是以同步方式发出请求，它就会阻塞程序，等待后台返回数据再继续运行；而异步方式的话，就会立刻返回，继续执行其他代码，当后台返回数据时再以回调函数的形式进行处理。既然同步异步是由前端决定的，那么前端的js自然就知道如何来处理这个请求结果啦。
Q3: js 是同步执行 还是异步执行
你好，js是同步执行的，一个简单示例解释，
for(var i = 0;i 10;i++)
console.log(i)
for(var i = 10;i 20;i++)
console.log(i)
以上两个for循环，第一个打印1-10，第二个打印10-20，结果是1-20按顺序输出
js中代码是同步执行的，只有在ajax的情况下，会导致代码执行顺序改变，是因为ajax的请求时间导致
希望可以帮助到你
关于JavaScript同步请求和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
