javascript线程,任务队列和事件循环
2017-10-06 08:54
525 查看
1.为什么说JavaScript是单线程的?
浏览器渲染页面过程中涉及到的几个线程有:JavaScript执行线程,负责执行js代码,UI线程,负责UI展示,JavaScript事件循环线程,管理JavaScript事件,其中JavaScript执行线程和UI线程是互斥的.如果说JavaScript是多线程的话,那么多个JavaScript执行线程在操作同一
个dom的时候,比如分别把一个按钮变成红色和黄色,这时候UI线程就懵逼了,应该听谁的?JavaScript中为了避免这种出现这种情况,这些
线程必须分开执行,所以JavaScript是单线程的,这已经成了这门语言的核心特征,将来也不会改变。
2.JavaScript任务队列结构和事件循环
单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。
JavaScript中执行任务是按照队列数据结构形式来执行的,如下图:
JavaScript中的任务:
1.同步任务:for循环,求和,js赋值,js运算等
c681
2.异步任务:dom事件,bom的api处理 ajax
所谓"回调函数"(callback),就是那些会被主线程挂起来的代码。异步任务必须指定回调函数,当主线程开始执行异步任务,
就是执行对应的回调函数。
循环机制:
JavaScript主线程直接执行同步任务,异步任务先执行一部分,然后退出主线程执行,然后等异步任务再准备好之后再交给主线程执行,
总之,JavaScript的代码是队列的形式一个个进行执行的,同一时间只能执行一段代码.
其中,事件循环机制涉及到定时器,回调函数的处理,可以参考文章:点击打开链接
相关文章推荐
- JS 的线程、事件循环、任务队列简介
- JS 的线程、事件循环、任务队列简介
- JS 的线程、事件循环、任务队列简介
- 总结:JavaScript异步、事件循环与消息队列、微任务与宏任务
- JS 的线程、事件循环、任务队列简介
- 事件循环机制-任务队列、webAPI、JS主线程的相互协同
- 事件循环与任务队列
- 事件循环和任务队列
- 【JavaScript 学习--12】JS深入理解调用栈,事件循环机制,回调队列
- JS 事件循环机制 - 任务队列、web API、JS主线程的相互协同
- JS 事件循环机制 - 任务队列、web API、JS主线程的相互协同
- javascript中利用数组实现的循环队列代码
- C#定时任务采用线程和队列实现
- Qt 的线程与事件循环——可打印threadid进行观察槽函数到底是在哪个线程里执行,学习moveToThread的使用)
- JavaScript:彻底理解同步、异步和事件循环(Event Loop)
- 图像检索服务器编写问题记录——服务端的任务队列线程分配的反思
- 详解 JavaScript 中的 Event Loop(事件循环)
- 线程按次序执行队列任务
- JavaScript 数据结构(3):循环队列 CircularQueue
- JavaScript:彻底理解同步、异步和事件循环(Event Loop)