| |
|
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
| -> JavaScript知识库 -> EventLoop 宏任务与微任务 -> 正文阅读 |
|
|
[JavaScript知识库]EventLoop 宏任务与微任务 |
|
JavaScript 是一门
单线程执行
的编程语言。也就是说，同一时间只能做一件事情。
1. 单线程执行任务队列的问题：
如果
前一个任务非常耗时
，则后续的任务就不得不一直等待，从而导致
程序假死
的问题。
2. 同步任务和异步任务
为了防止某个
耗时任务
导致
程序假死
的问题，JavaScript 把待执行的任务分为了两类：
①
同步任务
（synchronous）
?又叫做
非耗时任务
，指的是在主线程上排队执行的那些任务
?只有前一个任务执行完毕，才能执行后一个任务
②
异步任务（asynchronous）
?
又叫做
耗时任务
，异步任务由 JavaScript
委托给
宿主环境进行执行
?
当异步任务执行完成后，会
通知 JavaScript 主线程
执行异步任务的
回调函数
3. 同步任务和异步任务的执行过程?
① 同步任务由 JavaScript 主线程次序执行
② 异步任务
委托给
宿主环境执行
③ 已完成的异步任务
对应的回调函数
，会被加入到任务队列中等待执行
④ JavaScript 主线程的
执行栈
被清空后，会读取任务队列中的回调函数，次序执行
⑤ JavaScript 主线程不断重复上面的第 4 步
JavaScript 主线程从“任务队列”中读取异步任务的回调函数，放到执行栈中依次执行。这个过程是循环不断的，所以整个的这种运行机制又称为 EventLoop（事件循环） 4 .宏任务和微任务
JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：
① 宏任务
（macrotask）
?异步 Ajax 请求、
?
setTimeout、setInterval、
?
文件操作
?
其它宏任务
② 微任务
（microtask）
?Promise.then、.catch 和 .finally
?process.nextTick
?
其它微任务
5. 宏任务和微任务的执行顺序
每一个宏任务执行完之后，都会检查
是否存在待执行的微任务,
如果有则执行完所有微任务之后,再继续执行下一个宏任务。
|
|
|
| JavaScript知识库 最新文章 |
| ES6的相关知识点 |
| react 函数式组件 & react其他一些总结 |
| Vue基础超详细 |
| 前端JS也可以连点成线（Vue中运用 AntVG6） |
| Vue事件处理的基本使用 |
| Vue后台项目的记录 （一） |
| 前后端分离vue跨域，devServer配置proxy代理 |
| TypeScript |
| 初识vuex |
| vue项目安装包指令收集 |
|
|
| 上一篇文章 下一篇文章 查看所有文章 |
|
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
| 360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 | -2024/5/13 1:02:25- |
|
| 网站联系: qq:121756557 email:121756557@qq.com IT数码 |