【JS】宏任务、微任务和 Promise 的性能

最新推荐文章于 2024-05-10 21:46:03 发布
最新推荐文章于 2024-05-10 21:46:03 发布
阅读量161 收藏
点赞数
分类专栏： JavaScript
原文链接：https://juejin.im/post/6854573216212451336
版权
死亦何哀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript事件循环及宏任务微任务原理解析
10-14
同步任务是按顺序执行的，而异步任务分为宏任务（MacroTask）和微任务（MicroTask）。 宏任务主要包括：整个脚本、setTimeout、setInterval等。这些任务会在主线程空闲时从任务队列中取出执行。值得注意的是，...
Promise与宏任务、微任务
黑猫几绛的博客
09-17 4715
最近在摸鱼的时候，遇到了一个需求：用户可以接连上传多张图片，但是uni.upload一次只能上传一张图片，我当时想着是设置一个Promise，在一个循环中挨个上传，最后做一个整体resolve，但是这样并不合理。后来听得说是可以使用Promise.all方法进行多次请求，但是我只是略懂皮毛。因此决定写下几篇文章，好好学一学Promise的功能与诸多方法。本文将着重介绍Promise的执行顺序和宏任务、微任务概念。 一、基本执行概念 首先了解一些基本概念。 ...
Promise async/await EventLoop 宏任务/微任务
Cxil的博客
11-19 426
调用then-fs提供的readFile()方法，可以异步的读取文件的内容，它的返回值是Promise的实例对象，因此可以调用.then（）方法 为每个Promise异步操作指定成功和失败之后的回调函数。通过 .then()方法的链式调用，就解决了回调地狱的问题。由于 node.js官方提供的fs模块仅支持以回调函数的方式读取文件，不支持Promise的调用方式，因此，需要先运行如下的命令，安装 then-fs 第三方包。调用.then()方法时，成功的回调函数是必选的，失败的回调函数是可选的。
提高nodejs中promise的性能
qq_42880714的博客
08-25 1873
提高nodejs中promise的性能
宏任务与微任务
Rain022111的博客
03-20 502
JavaScript运行机制：JavaScript是单线程的，它运行的环境般为浏览器或者Node，单线程同一个时间只能做一件事，在JavaScript运行的时候，主线程会形成一个栈（调用栈/执行栈），这个存储函数调用的栈结构遵循先进后出的原则。
promise&微任务宏任务问题整理
shenjing_Shining的博客
07-08 536
1. 问：for循环里面有1000次循环，前500次每次都是把data赋值为1，后500次每次都是把data赋值为2，问：dom一共渲染了几次？ 答：DOM一次都没有渲染，因为for循环是一个js执行的持续过程。js和DOM渲染是共享一个线程，js执行时DOM不会渲染。 2. 声明一个promise的时候，是同步函数。如： new Promise((resolve, reject) => { console.log('aaa') // 这一步是同步函数，可直接执行 ...
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
js代码-微任务，宏任务
07-16
这主要通过事件循环（Event Loop）来实现，它将任务分为宏任务和微任务两类。 宏任务（Macrotask）通常包括以下类型： 1. `setTimeout` 和 `setInterval` 2. `I/O` 操作，如文件读写、网络请求 3. `UI 渲染` 4. `...
插入法分析promise和await面试题以及宏任务和微任务的区别
qq_27638851的博客
07-01 235
console.log()promise和setTimeout的执行顺序。宏任务（macrotask ）和微任务（microtask ）的主要内容
js：Promise理解、async和await的理解、宏任务/微任务、异常处理、防抖和节流
Litt_White的博客
08-14 4612
Promise理解、async和await的理解（未完成）、构造函数/原型/原型链、防抖和节流、this指向（普通函数，箭头函数，JS/Vue的this）、上下文环境、作用域和闭包
js 宏任务和微任务 promise
GJQI12的专栏
03-25 904
1.概念：宏任务（macrotask ）和微任务（microtask） 表示异步任务的两种分类。常见宏任务：I/O 、setTimeout、setInterval；微任务：Promise.then catch finally、process.nextTick 在挂起任务时，JS 引擎会将 所有任务 按照类别分到这两个队列中， 首先在 macrotask 的队列（这个队列也被叫做 task q...
事件循环、宏任务、微任务、Promise
最新发布
学习笔记分享给大家
05-10 1245
JavaScript 中的事件循环是一种处理异步操作的机制，它允许执行任务而不会阻塞主线程。：用于存储执行上下文（函数调用）的栈结构。当函数被调用时，会创建一个执行上下文并被推入调用栈，当函数执行完毕时，其执行上下文会从栈中弹出。：用于存储待执行的消息（任务）。每个消息都与一个函数相关联，当满足执行条件时，消息会被推入消息队列中。：负责检查调用栈和消息队列的状态，当调用栈为空时，会从消息队列中取出消息并推入调用栈，以便执行相关的函数。这个过程是持续不断的，所以被称为“循环”。
Promise对象与宏任务、微任务
宁静致远
10-16 7631
Promise是宏任务(同步执行)，但Promise 的回调函数属于异步任务，会在同步任务之后执行(比如说then、catch、finally)。Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。 setTimeout(function() { console.log(1); }, 0); new Promise(function (resolve...
promise-mysql async_异步（async）函数和 promise 性能优化
weixin_35990136的博客
01-28 406
JavaScript 的异步处理一直被认为不够快。更糟糕的是，调试实时的 JavaScript 应用程序，特别是 Node.js 服务器，并非易事，特别是涉及到异步编程时。幸运的是，这个现象正在被改变。这篇文章将介绍我们是如何在 V8 (有一些其他的 JavaScript 引擎也一样) 中优化异步函数和 promise 的，还有我们如何提升异步代码的调试体验。⚠️ 相对于阅读文章，如果你更喜欢看演...
setTimeout、Promise 性能比较
chengRantianxia的博客
07-27 1691
setTimeout 属于宏任务（MacroTask）， Promise 属于微任务（MicroTask），二者并不在一个异步队列中。 无论是宏任务还是微任务，都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的，拿大家最常见的 setTimeout 为例。 // 同步代码 let count = 1; setTimeout(() => { // 异步 count = 2; }, 0); // 同步 count = 3; 一个异步任务会被丢到事件循环的队列中..
Promise（微任务）- 让你看完就懂
weixin_43856422的博客
12-01 1069
Promise（微任务）- 让你看完就懂
Promise - （三）异步宏任务和异步微任务
程序员阿甘的博客
12-03 1771
浏览器五大核心线程： 1、GUI渲染线程 2、JS引擎线程 3、事件触发线程 4、定时触发器线程 5、异步http请求线程 其中JS代码的解释执行是由JS引擎线程负责的，我们通常将该线程叫做JS主线程，同时它也是单线程运行的。 即所有的JS代码都有JS主线程这一个线程负责解释执行。 单线程运行过程中，如果遇到费时操作，会造成阻塞现象，单线程必须处理完费时操作后，才可以继续往下执行。 为了提升单线程执行效率，JS引擎线程在解释执行JS代码时会将JS代码分为两种类型： 1、同步任务 2、异
宏任务、微任务和 Promise 的性能
高先生的猫
07-27 831
我们都知道 setTimeout 和 Promise 并不在一个异步队列中，前者属于宏任务（MacroTask），而后者属于微任务（MicroTask）。 很多文章在介绍宏任务和微任务的差异时，往往用一个类似于 ++i++++ 一样的题目让大家猜测不同任务的执行先后。这么做虽然可以精确的理解宏任务和微任务的执行时序，但却让人对于它们之间真正的差异摸不着头脑。 更重要的是，我们完全不应该依赖这个微小的时序差异进行开发（正如同在 c++ 中不应该依赖未定义行为一样）。虽然宏任务和微任务的定义是存在于标准中的
async/await/Promise以及js中的微任务和宏任务之间的关系
sunhonghui9527的博客
07-03 2343
宏任务与微任务 同步和异步任务分别进入不同的执行"场所"，同步的任务进入主线程，异步的进入Event Table并注册函数。当异步函数完成时，Event Table会将这个函数移入Event Queue。主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。上述过程会不断重复，也就是常说的Event Loop(事件循环)。 除此之外，在js中还存在宏任务和微任务。 js中的宏任务一般是：包括整体代码script，setTimeout，setInterval。 微任务是：Pro
js循环机制、宏任务和微任务、事件队列
07-27
JS的循环机制是指如何处理事件循环中的任务。在JS中，事件循环是一种机制，用于处理异步操作和事件处理。循环机制确保任务按照正确的顺序执行，以保证代码的正确性和性能。 在循环机制中，有两种类型的任务：宏任务（macro-task）和微任务（micro-task）。宏任务包括整体代码块、setTimeout、setInterval等，而微任务包括Promise、MutationObserver、process.nextTick等。 当代码执行时，会首先执行当前代码块中的同步任务，然后执行微任务队列中的所有微任务。接下来，会从宏任务队列中选择一个任务执行，直到宏任务队列为空。然后，再次执行所有微任务，以此类推。 事件队列是用来存储待执行的任务的数据结构。每个宏任务或微任务都会被添加到事件队列中。当事件循环开始时，会从事件队列中依次取出任务并执行。 需要注意的是，微任务的优先级高于宏任务。也就是说，在执行完当前宏任务后，会立即执行所有微任务，然后再执行下一个宏任务。这样可以确保微任务能够尽早地被执行，避免出现不必要的延迟。 总结一下： - 循环机制确保异步任务按照正确的顺序执行。 - 宏任务包括整体代码块、setTimeout、setInterval等。 - 微任务包括Promise、MutationObserver、process.nextTick等。 - 事件队列用来存储待执行的任务。 - 微任务优先级高于宏任务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值