JS事件循环 - 宏任务 微任务

已于 2023-04-17 23:56:42 修改
阅读量136 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2023-04-17 23:56:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hnyanzijun1/article/details/130211742
版权

js的任务分为同步任务和异步任务
异步任务又分为宏任务和微任务
宏任务是由宿主（浏览器、node）发起, 比如setTimeout
微任务由js引擎发起, 比如promise，promise本身是同步的， .then .catch的回调函数是异步的

执行流程是：同步任务 - 微任务 - 宏任务

在这里插入图片描述

万能螺丝刀1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript事件循环及宏任务微任务原理解析
10-14
值得注意的是，浏览器为了保持DOM操作与JS执行的有序性，会在每个宏任务执行结束后的下一次渲染前，对页面进行渲染。 微任务由语言标准提供，例如Promise、await/async函数中的异步处理。当一个异步操作完成时，如...
JavaScript事件循环演示
09-03
演示JavaScript同步任务、宏任务、微任务的执行机制
JavaScript 宏任务、微任务
weixin_43841308的博客
09-18 527
JavaScript 宏任务、微任务 JS 运行机制 浏览器的事件循环 Node 的事件循环
JS事件循环、宏任务与微任务
最新发布
为技术而生
04-29 626
为了更好地理解JavaScript的执行模型，我们需要深入探讨事件循环、宏任务（MacroTask）和微任务（MicroTask）之间的关系和运作方式。宏任务在每个事件循环开始时被执行，而微任务则在执行完一个宏任务后立即执行。：执行宏任务的过程中，如果遇到异步任务（如setTimeout、Promise等），这些任务会被放入对应的队列中等待执行。：执行完一个宏任务后，事件循环会回到第1步，继续检查微任务队列并执行微任务。：执行完微任务后，事件循环会取出宏任务队列中的一个宏任务来执行。
事件循环-宏任务-微任务
WikY
06-25 717
事件循环，宏任务，微任务
JavaScript浅谈事件循环--宏任务、微任务
qq_39272523的博客
01-10 193
1.JS分为同步任务和异步任务 2.同步任务都在主线程上执行，形成一个执行栈 3.主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放置一个事件。 4.一旦执行栈中的所有同步任务执行完毕（此时JS引擎空闲），系统就会读取任务队列，将可运行的异步任务添加到可执行栈中，开始执行。 根据规范，事件循环是通过任务队列的机制来进行协调的。一个 Event Loop 中，可以有一个或者多个任务队列(task queue)，一个任务队列便是一系列有序任务(task)的集合；每个任务都有
js事件循环机制（event loop）宏任务 微任务详解
@必意玲
04-20 708
用简单的流程解释事件循环。在了解什么是事件循环之前我们需要先行了解 javascript是一个单线程语言 和 javascript的事件分类。
JavaScript：事件循环机制-宏任务微任务
Neekky的博客
10-31 648
前面的话 本文将详细介绍javascript中的事件循环event-loop，目标是让你彻底弄懂JavaScript的执行机制。 不论是在你面试求职，或是日常开发工作中，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照语句出现的顺序执行的 那么我们以为的JS代码可能是长这样的：...
javaScript-事件循环-微任务-宏任务
m0_68711597的博客
09-27 110
js是单线程的语言，需要把异步任务交给宿主浏览器执行，仿制js引擎堵塞。为什么引入事件循环?
深层理解JavaScript事件循环/微任务宏任务
wangteng4154的博客
12-07 619
JavaScript 在单个线程上执行所有操作，但您是否觉得它通过使用一些复杂的数据结构给人一种多线程的错觉？
JS高级——浏览器事件循环-微任务、宏任务
@SCY
05-14 470
浏览器中循环事件根据微任务和宏任务进行分类，并且各自执行的顺序是严格按照规定进行的
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
JavaScript-JS数组方法之Array.sort()
hnyanzijun1的博客
06-10 5699
Array.sort()方法将数组中的元素排序并返回排序后的数组。当不带参数调用sort()时，数组元素以字母表顺序排序（如有必要将临时转化为字符串进行比较）： var a = new Array("banana", "cherry", "apple"); a.sort() var s = a.join(","); // s == "apple,banana,cherry" 如果数组包含undefined元素，它们会被排到数组的尾部。 为了按照其他方式而非字母表顺序进行数组排序，必须给sort()方法传递
JavaScript String.indexOf() 方法
hnyanzijun1的博客
07-14 4091
String.indexOf() 搜索一个字符串 概要 string.indexOf(substring) string.indexOf(substring, start) 参数 substring 要在string中搜索的子串。 start 一个可选的整数参数，指定该次搜索在字符串string中的开始位置。合法的值为0（字符串中的第一个字符的位置）到string.length-1（字符串中最后一个字符的位置）。如果省略了这个参数，则搜索将从字符串的第一个字符开始。 返回 在字符串string
JavaScript-JS判断一个整数是偶数还是奇数
hnyanzijun1的博客
06-08 3404
let num = prompt("请输入一个整数"); if (num % 2 === 0){ console.log("这个数是偶数"); } else if (num % 2 === 1){ console.log("这个数是奇数"); }
web前端 HTML CSS JavaScript Vue Http
hnyanzijun1的博客
10-19 2753
HTML语义化、盒模型、浮动、样式优先级、CSS尺寸单位、BFC、Vue双向绑定原理、Vue-Router、Vuex...
JavaScript String.charAt() 方法
hnyanzijun1的博客
07-08 2258
String.charAt() 取得一个字符串中第 “n” 个字符 概要           String.charAt(n) 参数 ｎ           希望返回的字符在字符串string中的索引 返回 字符串string的第n个字符 描述 String.charAt()返回字符串string中的第n个字
JavaScript原型和原型链详解
hnyanzijun1的博客
11-02 2209
一、原型 ①所有 引用类型 都有一个 __proto__（隐式原型）属性，属性值是一个普通的对象 ②所有 函数 都有一个 prototype（原型）属性，属性值是一个普通的对象 ③所有 引用类型的 __proto__ 属性 指向 它的 构造函数的prototype var a = [1,2,3] a.__proto__ === Array.prototype; // => true 二、原型链 当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的 __pro
JS事件循环，宏任务、微任务
09-18
在事件循环中，每次循环都会从宏任务队列中取出一个宏任务执行，然后检查微任务队列是否为空，如果不为空，则依次取出并执行微任务，直到微任务队列为空。然后再从宏任务队列中取出下一个宏任务，依次循环。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值