IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 【WEB前端-面试】JS 同步异步、宏任务/微任务、事件循环 -> 正文阅读

[JavaScript知识库]【WEB前端-面试】JS 同步异步、宏任务/微任务、事件循环

同步 异步

JS是单线程,同步只能将任务按照顺序执行,也就是说只有上一个任务执行完后才能执行下一个,这种方式会阻塞其他任务。异步可以解决这个问题。
同步任务:所有同步任务都在主线程执行,形成一个执行栈。
异步任务:不进入主线程,而进入任务队列,只有任务队列通知主线程,当前异步任务完成了,才会进入执行栈中执行。
异步:同一时间可以做多个事情,执行效率高,但是会占用更多资源,不利于我们对进程进行控制。

理解js单线程和异步,这一篇就够了https://blog.csdn.net/gitchatxiaomi/article/details/108054585

图源:https://blog.csdn.net/qq_21033663/article/details/51564786
在这里插入图片描述

宏任务 微任务

异步任务的执行有优先级的顺序,包括了宏任务和微任务。
同步 -> 异步(微任务) -> 异步(宏任务)
每次执行完所有的同步任务后,会在任务队列中取出异步任务,先将所有微任务执行完成后,才会执行宏任务。所以可以得出结论,微任务会在宏任务之前执行。

参考:https://blog.csdn.net/weixin_52148295/article/details/110823063

[宏任务:macro task]

  • 定时器
  • 事件绑定
  • ajax
  • 回调函数
  • Node中fs可以进行异步的I/O操作

[微任务:micro task]

  • Promise(async/await) => Promise
    并不是完全的同步,当在Excutor中执行resolve或者reject的时候,此时是异步操作,会先执行then/catch等,当主栈完成后,才会再去调用resolve/reject把存放的方法执行
  • process.nextTick
    (node中实现的api,把当前任务放到主栈最后执行,当主栈执行完,先执行nextTick,再到等待队列中找,微任务中,优先级较高)
  • MutationObserver
    (创建并返回一个新的 MutationObserver 它会在指定的DOM发生变化时被调用。)

事件循环

【黑马文档】

  1. 先执行执行栈中的同步任务。
  2. 异步任务(回调函数)放入任务队列中。
  3. 一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。
    在这里插入图片描述
    在这里插入图片描述
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-24 10:26:52  更:2021-09-24 10:30:33 
 
开发: 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/19 2:02:59-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码