关于同步异步，宏任务，微任务的执行顺序。

最新推荐文章于 2024-03-15 09:40:51 发布
最新推荐文章于 2024-03-15 09:40:51 发布
阅读量630 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40259123/article/details/106497190
版权

 顺序是： 同步--->微任务 ----> 异步

1. 什么是同步，什么是异步；

同步任务： 在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行下一个任务；

异步任务：不进入主线程，认识进入“任务队列” 的任务，只有“任务队列”通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行

2. 什么是宏任务，什么微任务；

 查了一下，貌似除了微任务，别的都是宏任务! 

宏任务： 整体的 script  和  setTimeout  等！

而微任务貌似只有 ： promise.then() （前端而言） node 好像还有一个---process.nextTick() （不清楚）

接下来就是我执行的代码： 看好了！

 

这是我执行的结果：

查水表小泰迪
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
宏任务和微任务
ZhangMouRen_Min的博客
03-10 94
【代码】宏任务和微任务。
JavaScript事件循环及宏任务微任务原理解析
10-14
同步任务是按顺序执行的，而异步任务分为宏任务（MacroTask）和微任务（MicroTask）。 宏任务主要包括：整个脚本、setTimeout、setInterval等。这些任务会在主线程空闲时从任务队列中取出执行。值得注意的是，...
宏任务微任务同步异步执行顺序
又一个四季在轮回
09-12 1129
原博客：https://www.cnblogs.com/ly0612/p/setTimeout-promise-async-await-js-JavaScript.html JS 分为同步任务和异步任务 同步任务在主线程上执行 异步任务放在主线程之外的一个任务队列 主线程执行完毕后，读取任务队列的内容 宏任务(macro)task：当前主线程上执行的就是一个宏任务。例： script 的代码、setTimeout、setInterval、postMessage等。 微任务：microtask。例：Promi
js同步任务，异步任务，宏任务 和 微任务 的执行顺序
xcneuq的博客
08-07 209
宏任务 和 微任务都是异步任务 宏任务 setTimeout setInterval 微任务 process.nextTick() promise.then() // 这个微任务一般放在nextTick队列后面如果异步队列里有nextTick队列的话 这道题帮助我们了解各种任务执行的顺序 console.log('1'); setTimeout(function() { console.log('2'); process.nextTick(function() {
js的同步与异步，宏任务与微任务的执行顺序
qq_47548037的博客
02-19 901
js的同步与异步，宏任务与微任务的执行顺序
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
JS异步宏队列微队列原理详解
10-14
JavaScript中的异步处理机制是基于事件循环（Event Loop）的，这一机制涉及到宏队列（Macro Task...同时，正确使用宏任务和微任务可以更好地控制代码的执行顺序，从而实现更复杂的功能，如异步数据流控制、错误处理等。
js代码-宏任务，微任务，异步任务执行过程。
07-14
在实际开发中，理解宏任务和微任务的执行顺序可以帮助我们更好地控制异步操作，避免出现回调地狱，并有效利用Promise和async/await进行错误处理和流程控制。熟练掌握这些概念，将有助于写出更健壮、可维护的...
同步,异步,宏微任务,任务队列的顺序问题
晚星的博客
09-27 177
setTimeout(function() { console.log(1) }, 0); new Promise(function(resolve, reject) { console.log(2); resolve() }).then(function() { console.log(3) }); process.nextTick(function () { console.log(4) }) console.log(5) 第一轮：主线程开始执行，遇到setTimeout，将set
一篇文章理解JS中同步任务和异步任务以及宏任务与微任务的原理和执行机制
superherooooss的博客
02-01 3293
如果javascript 按照真正的单线程执行的话，如果在遇到任务繁多的情况下，那么执行效率会降低，执行的时间也会更长，或者在解析到中间代码过程中遇到了错误的代码，那么就会停止在这一步影响后面代码的执行，这是非常不好的用户体验。从微任务队列中取出任务到主线程中，输出3，此微任务中又有微任务，Promise.resolve().then(微任务a).then(微任务b)，将其依次放入微任务队列中。Javascript 是。从微任务队列中取出微任务到主线程中，输出3、 4，微任务队列为空，然后检查宏任务队列。
理解同步、异步、宏任务微任务执行顺序
xulun11的博客
12-16 250
理解同步、异步、宏任务微任务执行顺序
同步异步宏任务和微任务/事件循环
qq_38123697的博客
12-02 385
1.简单理解同步异步、宏任务和微任务 js是单线程的，所有的任务都要排队挨个执行，就好比做保健（执行js代码），保健师傅只有一个（单线程），顾客（js代码）需排队享受服务，排队的顺序按照顾客的种类（同步异步、宏任务微任务）和顾客到店顺序（在代码中的位置）执行； 同步与异步、宏任务和微任务分别是函数两个不同维度的描述。 异步任务：setTimeout和setInterval、ajax、事件绑定等 同...
JS执行机制（同步、异步、微任务、宏任务）
豆。的博客
02-07 2197
一、关于javascript JS是一门单线程语言，这意味着所有的任务都需要排队，前一个任务结束才会执行后一个任务如果前一个任务耗时很长，后一个任务就不得不一直等着。 这样所导致的问题是： 如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。 二、同步任务和异步任务 单线程导致的问题就是后面的任务等待前面任务完成，如果前面任务很耗时（比如读取网络数据），后面任务不得不一直等待。 为了解决这个问题，利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允
javaScript异步任务和同步任务执行过程,宏任务,微任务基本概念的基本概念和执行顺序
Zh_0489的博客
06-23 178
javaScript,异步任务,同步任务,宏任务,微任务
宏任务微任务执行顺序
weixin_42617917的博客
04-10 207
JS事件循环基础： 宏任务：setTimeout(() => { console.log("setTimeout新的宏任务"); }, 0); new Promise(resolve => { resolve(); console.log("promise主线程任务"); }).then(value => console.log("resolve微任务")); console.log("主线程任务"); 执行顺序： Promise里面的任务 console.log("pr
JavaScript -- 异步与执行机制（宏任务与微任务）
onlyoneLIJINGYI的博客
03-12 390
事件循环（Event Loop） 由于 JavaScript 是单线程，当要处理异步任务时需要有人来管理，规定异步任务执行完毕后其注册的回调函数何时返回给主线程来执行，这个管理员就是 事件循环（Event Loop），是 JavaScript 的执行机制。 首先要知道，js引擎 负责JavaScript 代码的解析执行，对于页面的渲染、事件的监听、定时器事件等都是有浏览器的其他线程来负责的。 Ja...
干货：宏任务和微任务执行顺序详解
frontend_frank的博客
04-10 1527
最近看了死月的 趣学 Node.js 小册，关于宏任务、微任务部分突然意识到所谓的执行顺序其实就是底层 C++ 写的各种代码的结果，当了解了 Node.js 代码或者 V8 代码再看这些问题真的就是降维打击（当然我只是有了这个感觉，还没细看过[旺柴]）。但如果平常用不到，我们也没必要真的去看底层的代码，即使不了解底层代码，我们也可以根据具体的表现来自己定一些规则进行理解，只要根据这个规则来判断...
浏览器事件循环机制、宏任务和微任务
最新发布
攻城狮不是猫
03-15 1139
但是它们在面试中出现的频率特别高，因为熟悉这些思维训练，有利于考察我们对JS单线程、事件循环机制、宏任务和微任务等原理的掌握程度。等时间到了之后，再进入 任务队列 （Event Queue）排队（排队是因为同一时间，JS 只能执行一个任务），先进先出。在早期，异步任务中只有宏任务，没有微任务。当主线程的任务执行完毕之后，此时主线程处于空闲状态，于是会去读取 Event Queue 中的任务队列，如果有任务，则进入到主线程去执行。如果微任务队列不为空，那就优先执行微任务队列中的任务。比如：close事件。
前端同步和异步宏任务和微任务
06-07
前端同步和异步指的是 JavaScript 代码执行的方式。同步代码会按照顺序执行，直到执行完毕；异步代码则会在后台执行，不会阻塞程序的执行。 宏任务和微任务是指异步代码的执行顺序。在 JavaScript 引擎中，异步代码会被分为宏任务和微任务两种类型。其中，宏任务包括 setTimeout、setInterval、setImmediate、I/O 操作等，而微任务包括 Promise、process.nextTick 等。 在事件循环中，每次执行完一个宏任务后，会检查是否有微任务需要执行，如果有，则会按照先进先出的顺序执行微任务队列中的任务。执行完所有微任务后，才会继续执行下一个宏任务。这就是 JavaScript 中的异步执行模型。 需要注意的是，在同步代码执行的过程中，如果遇到了异步代码，会将其加入到宏任务队列中，等待下一个事件循环周期执行。因此，异步代码的执行顺序不一定是按照代码顺序执行的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值