ajax 异步同步的理解

由$.ajax 引发的对js语言的异步和多线程的思考?
我们都知道$.ajax 中有一个属性async来决定该ajax请求是异步还是同步的?异步的话浏览器端js脚本会继续执行,同步的话会等待服务器端的数据返回success 回调函数调用之后才会继续执行下面的脚本,用户体验差点,违反的ajax的本意。
通过简单的实例就可以实验出区别

这里写图片描述
通过俩个alert的先后顺序就可以知道 async 的同步和异步的区别。

但是其中的原理是什么?难道js语言有真正的多线程的支持?下面是解答
基础:
1、 同步异步 和是否是多线程 没有关系。单线程同样可以实现异步,单线程实现异步,只是该单线程执行任务的时候,不会阻塞,可以把任务交给别人去做(这里并不是js创建新线程)可以用event loop 实现。多线程实现异步当然是创建新的线程去做。
2、 Javascript 这门语言就是单线程的,它出现的本质就是用来在客户端作为浏览器的脚本语言来与用户交互以及操作DOM的,但是你也可能意识到既然是单线程那么多个任务必须在一个任务队列中,要是有大量的io型任务,那么cpu利用率会很低,这时候就有了同步任务 和异步任务的区别。同步任务是指在主线程上排队执行的任务只有前一个任务执行完毕后面的任务才可以执行。异步任务并不进入主线程,而是进入任务队列
只有任务队列“通知主线程”该任务可执行, 才可以进入主线程被执行。这是一个循环的过程只要主线程没有可执行的任务,那么他就会从任务队列中去任务来执行。
3、 事件 和回调函数。
“任务队列”是一个事件的队列,包括io设备完成一项任务,就在任务队列中添加一项任务,还有,用户的鼠标点击事件,页面滚动等事件(只要制定过回调函数)这些事件都会进入任务队列,所谓回调函数其实就是该任务进入主线程后被执行的代码。所以异步任务必须指定回调函数。
4、 EVENT LOOP
主线程从任务队列中读取任务是循环不断的,这其实就是 event loop 机制。

这里写图片描述
主线程运行会有自己的堆栈空间,只要栈中的同步任务执行完毕,就会从任务队列中取任务来执行(相应任务的回调函数);
解答:
其实异步机制是由浏览器中的俩个或以上常驻线程完成的,js执行线程和事件触发线程来完成的。Js的执行线程发起异步请求的时候,浏览器会开辟一条新的http请求线程来执行请求,这时js执行线程已经完成了任务 可以继续执行余下的任务,在未来的某一时刻事件触发线程监视到之前发起的http请求已完成,就会把他放进任务队列里,来等待js执行线程来执行。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值