同步任务、异步任务、宏任务、微任务与EventLoop的关系

karen988

已于 2022-03-23 15:30:03 修改

阅读量919

点赞数

分类专栏： eventloop 同步/异步任务宏/微仁务文章标签： javascript es6

于 2022-03-23 15:00:23 首次发布

本文链接：https://blog.csdn.net/karen988/article/details/123686375

版权

eventloop 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

同步/异步任务

1 篇文章 0 订阅

订阅专栏

宏/微仁务

1 篇文章 0 订阅

订阅专栏

本文详细探讨了JavaScript的执行机制，包括Event Loop的工作流程，异步任务如何在执行栈和消息队列间流转，以及宏任务和微任务的区别和执行顺序。理解这些将有助于开发者编写更高效的JavaScript代码。

摘要由CSDN通过智能技术生成

本文参考博文：这一次，彻底弄懂 JavaScript 执行机制 - 掘金 (juejin.cn)

js之eventLoop,同步与异步,宏任务与微任务 - zoo-x - 博客园 (cnblogs.com)

js执行机制--事件循环（EventLoop）的流程：

异步任务细分流程：

整体流程：

js是一门单线程的语言
同步任务放到执行栈中依次执行
异步任务放到消息队列中
等同步任务执行完后,把异步任务的回调push到执行栈中
宏任务是类似于setTimeout之类的
微任务是类似于promise,nextTick之类的
先执行微任务,再执行宏任务
总的来说,就是先执行同步任务,在执行微任务,最后执行宏任务

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

karen988

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js中的同步任务、异步任务、宏任务、微任务

LickDog的博客

08-30

754

宏任务和微任务的基础理解

Vue学习记录之十九 Event Loop,宏任务和微任务

最新发布

LvManBa的博客

10-22

642

当一个宏任务执行完毕后，会检查是否有微任务队列，如果有，则将微任务队列中的所有任务依次执行完毕，然后再继续选择下一个宏任务执行。这样的过程循环进行，形成了事件循环。微任务通常在宏任务执行完毕后立即执行，因此微任务具有更高的优先级，可以在页面渲染前执行，从而提供更好的用户体验。微任务的优先级高于宏任务，因此微任务会在本轮宏任务执行结束后立即执行，而不是等到下一个事件循环。按顺序执行，同步任务直接执行，异步任务进入异步队列，执行完以后，在进行入异步列队，然后在看是同步还是异步任务，如此循环执行。

参与评论您还未登录，请先登录后发表或查看评论

同步任务和异步任务，宏任务和微任务

ScumStudy的博客

11-04

529

同步任务叫做非耗时任务，指的是在主线程上排队执行的那些任务只有前一个任务执行完毕了，才能执行后一个任务异步任务叫做耗时任务，异步任务由 javascript 委托给宿主环境进行执行的当异步任务完成后，会通知 javascript 主线程执行异步任务的回调函数分析输出的顺序 console.log('A'); thenFs.readFile('./1.txt','utf8').then(res=>{console.log('B')}) setTimeout(()=>{

同步任务，异步任务，宏任务，微任务

weixin_41661396的博客

04-09

165

同步任务和异步任务 js执行任务是单线程的，代码从上往下按顺序执行为了解决I/O读写，定时器延时等阻塞代码执行，提出了任务的同步执行和异步执行一般情况，同步任务优先于异步任务执行常见的异步执行的任务有： setTimeout, setInterval, ajax异步请求，nodeJs文件的异步读写等 setTimeout(()=>{ console.log("异步任务") }) console.log("同步任务") // 输出为：同步任务异步任务 ...

js 同步任务，异步任务，宏任务，微任务

想飞上天和太阳肩并肩

01-06

777

js执行任务是单线程的，代码从上往下按顺序执行, 这就造成了如果前面任务很慢，那后面的任务就永远执行不了，为了解决这个问题，js中出现了同步任务和异步任务。异步任务又分为宏任务和微任务 1. 宏任务 a. 定时器 b. 事件绑定 c. ajax d. 回调函数 e. Node中fs可以进行异步的I/O操作 2.微任务 a. Promise(async/await) promise 并不是完全的同步，在promise中是同步任务，执行resolve或者reject回调的时候，此时是异步操作，会先将then/

消息任务-同步任务-异步任务-宏任务-微任务

kongduxue的专栏

07-18

229

同步任务：正常写的js代码异步任务：所有非同步的任务 微任务：promise.resolve()的then 宏任务：setTimeout，setInterval，入队列到任务的末尾同步任务执行完毕，执行微任务，微任务执行完毕，执行宏任务 任务执行的演示：参考一个地址 https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/ ...

JS事件循环机制event loop宏任务微任务原理解析

10-14

在JavaScript中，异步任务进一步细分为宏任务（Macro-task）和微任务（Micro-task）。宏任务包括整体脚本、setTimeout、setInterval等，它们会在事件循环的每个阶段执行。而微任务，如Promise、process.nextTick，会...

Nodejs补充知识：ES6模块化、Promise、async/await、EventLoop、同步任务和异步任务、宏任务和微任务

SongD1114的博客

04-05

1942

ES6模块化、Promise、async/await、EventLoop、同步任务和异步任务、宏任务和微任务

JS执行机制——单线程，同步异步，宏任务微任务，Event Loop

weixin_41309331的博客

03-17

268

JS执行机制一、什么是进程和线程？本质上来说，这两个名词都是CPU工作时间片的一个描述；进程描述了CPU在运行指令及加载和保存上下文所需的时间，放在应用上来说就代表了一个程序。线程是进程中的更小单位，描述了执行一段指令所需的时间；把这些概念拿到浏览器来说，当你打开一个Tab页，其实就是创建了一个进程，一个进程中可以有多个线程，如渲染线程，JS引擎线程，HTTP请求线程等等。比如，当你发出一个请求时，其实就是创建了一个线程，当请求结束后，该线程可能就会被销毁。二、JavaScript为什么是单线程？

JavaScript 执行机制同步任务异步任务 宏任务 微任务

qq_41284481的博客

07-01

426

1.本文是是引用了这篇文章不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是一行一行执行的？还用你说？稍安勿躁，正因为js是一行一行执行的，所以我们以为js都是这样的： image.png 然而实际上js是这样的： ..

执行栈同步任务异步任务 宏任务 微任务 总结（含面试讲解）

weixin_56119039的博客

07-18

280

遇到异步宏任务则将异步宏任务放入宏任务队列中，遇到异步微任务则将异步微任务放入微任务队列中，当所有同步代码执行完毕后，再将异步微任务从队列中调入主线程执行，微任务执行完毕后再将异步宏任务从队列中调入主线程执行，一直循环直至所有任务执行完毕。不进入主线程、而进入”任务队列”的任务，当主线程中的任务运行完了，才会从”任务队列”取出异步任务放入主线程执行。在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；执行workFun里的同步任务后，执行workFun里的微任务。

同步异步？宏任务微任务？

qasw460326327的博客

11-05

139

面试过程中遇到了该问题回答的不是太完整，看到大神的解析感觉很好理解故记录一下。同步 && 异步什么是异步，什么是同步，我不多说，我就通过小故事来讲讲吧。同步：你打电话去书店订书，老板说我查查，你不挂电话在等待，老板把查到的结果告诉你，这期间你不能做自己的事情异步：你打电话去书店订书，老板说我查查，回头告诉你，你把电话挂了，先去做自己的事情 JS执行机制 1、遇到同步代码直接执行 2、遇到异步代码先放一边，并且将他回调函数存起来，存的地方叫事件队列 3、等所有同步代码都执

js 同步任务、异步任务、宏任务、微任务、事件循环

qq_40890601的博客

10-16

574

同步任务：立即执行的任务异步任务：就是不立即执行的任务（好像是在讲废话），比如ajax、setTimeout 定时函数等都属于异步任务，异步任务会通过任务队列的机制(先进先出的机制)来依次执行 宏任务：除了微任务以外的所有任务 微任务：process.nextTick和 Promise后的then语句和catch语句等 js是单线程已经是老生常谈了，任务分了同步任务和异步任务，同步任务和异步任务里又可以分为宏任务和微任务。关系如下：同步和异步任务分别进入不同的执行环境，同步的进入主线程，即.

js中的同步任务,异步任务,宏任务与微任务,事件循环

weixin_50488897的博客

04-07

815

同步任务:同步任务是按顺序执行的任务,每个任务需要等待前一个任务完成后才能开始执行。在执行同步任务期间，程序会阻塞并等待任务完成，然后再继续执行下一个任务。如console.log,异步任务:异步任务是不按照顺序执行的任务，其执行不会阻塞程序的运行。异步任务会被提交给异步执行的机制（如事件循环、回调函数等），并在后台或其他线程中执行。在任务完成后，会通过回调函数、Promise 或其他机制通知程序任务已完成，然后执行相应的回调函数或继续执行后续的代码。异步任务分为宏任务与微任务。

async/await 以及同步任务、异步任务、宏任务与微任务【附例题】

dashenfeng1的博客

01-29

1889

一般情况，我们将异步任务又分为宏任务和微任务。宏任务：由宿主（Node、浏览器等）发起，在微任务后运行，并会触发新一轮的 netxtTick()。script (可以理解为外层同步代码)setTimeout（定时器） / setInterval（计数器）UI rendering / UI事件微任务：由JS引擎发起，在宏任务前运行，不会触发新一轮的 netxtTick()。Object.observe（已废弃；Proxy 对象替代）

进程与线程事件循环同步，异步任务 宏任务与微任务

changan2018的博客

10-25

871

详解事件循环机制，同步任务，异步任务，js执行任务的顺序，宏任务与微任务

事件循环，同步异步，宏任务微任务

lwh15137784714的博客

08-31

260

一旦”执行栈”中的所有同步任务执行完毕，系统就会读取”任务队列”，看看里面有哪些事件。同步异步同步任务：⽴即执⾏的任务，同步任务⼀般会直接进⼊到主线程中执⾏异步任务：异步执⾏的任务，⽐如 ajax ⽹络请求， setTimeout 定时函数等碰到异步任务会进入任务队列进行等待异步执行的时机是同步代码执行完了异步任务准备好（比如计时器到时间了 ajax 请求成功了）才会执行异步任务。宏任务微任务 异步任务又分为宏任务微任务 宏任务 计时器 ajax 请求 微任务 promise.then()...

同步、异步，宏、微任务，事件循环

qq_44307861的博客

11-22

1051

宏任务：宏任务是指某些特定的异步任务（在主线程之外），它们会被放入一个任务队列中，任务队列中的任务会在每次事件循环时执行一个微任务：微任务是在当前事件循环的末尾执行的任务，但会在任何新的宏任务之前执行。宏任务和微任务的区别在于宏任务在任务队列中排队，每次只执行一个任务，而微任务在任务队列之后执行，每次执行所有微任务。宏任务：setInterval、setTimeout、setImmediate、Ajax、DOM事件、异步函数、I/O、UI渲染等。微任务：process.nextTick。

同步任务、异步任务、宏任务、微任务、任务的执行过程实例详解、setTimeout()是同步还是异步

qq_56715703的博客

05-07

4440

JavaScript是单线程语言，也就是说，只有一条通道，且js中任务是按顺序依次执行的，但若有一个任务时间过长，就会让后续任务一直等待。为了解决这个问题，将任务分为同步任务和异步任务，异步任务又分为宏任务和微任务。

js 事件循环异步/同步和宏任务/微任务

07-03

- **异步**（Asynchronous）：代码执行不会被阻塞，当遇到异步任务（如定时器、网络请求或读取文件）时，JavaScript会继续执行后续的同步代码，而把异步任务放到后台等待处理，完成后通过回调、Promise 或 async/...