文章 2023-08-03 来自:开发者社区

js中什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?

参考资料1 宏任务与微任务_哔哩哔哩_bilibili什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?_什么是宏任务和微任务_F N Janine的博客-CSDN博客后盾人 宏任务微任务,任务调度流程课程笔记_哑山的博客-CSDN博客必看强烈建议十分钟看完视频 ,即可学会1 宏任务与微任务_哔哩哔哩_bilibili必看参考详解宏任务微任务什么是宏任务、微任务?宏任务、微任务有哪些?....

文章 2023-06-15 来自:开发者社区

web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码

JS 异步进阶什么是 event loop(事件循环/事件轮询)JS 是单线程运行的异步要基于回调来实现event loop 就是异步回调的实现原理JS 如何执行?从前到后,一行一行执行如果某一行执行报错,则停止下面代码的执行先把同步代码执行完,再执行异步event loop 执行过程event loop 过程 1同步代码,一行一行放在 Call Stack 执行遇到异步,会先记录下来,等待时机....

web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
文章 2023-06-15 来自:开发者社区

【JavaScript】Promise(三) —— async 与 await、宏任务与微任务

一、async & await1. async 和 await 的基本使用await 必须在 async 内使用async 和 await 配合使用 const p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('a') }, 1000...

【JavaScript】Promise(三) —— async 与 await、宏任务与微任务
文章 2023-02-24 来自:开发者社区

js的EventLoop事件循环机制调用栈、微任务、消息队列执行顺序优先级

优先级是调用栈 > 微任务 > 消息队列// 调用栈 function func() { console.log("func"); } // 消息队列 setTimeout(() => { console.log("setTimeout"); }, 0) var p = new Promise((resolve, reject) => { c...

文章 2022-12-28 来自:开发者社区

❤️一起谈一谈js中的宏任务和微任务!

前面面试的文章中我们说过一道关于宏任务和微任务的题:setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); }).then(function(){ console.log('3') }); console.log('4'...

❤️一起谈一谈js中的宏任务和微任务!
文章 2022-10-25 来自:开发者社区

JavaScript 事件循环 —— 微任务 Microtask

微任务(Microtask)Promise 的处理程序(handlers).then、.catch 和 .finally 都是异步的。即便一个 promise 立即被 resolve,.then、.catch 和 .finally下面 的代码也会在这些处理程序(handler)之前被执行。示例代码如下:let promise = Promise.resolve(); promise.then((....

JavaScript 事件循环 —— 微任务 Microtask
文章 2022-10-25 来自:开发者社区

图解 JavaScript 事件循环:微任务和宏任务

事件循环:微任务和宏任务浏览器中 JavaScript 的执行流程和 Node.js 中的流程都是基于 事件循环 的。理解事件循环的工作方式对于代码优化很重要,有时对于正确的架构也很重要。在本章中,我们首先介绍有关事件循环工作方式的理论细节,然后介绍该知识的实际应用。事件循环事件循环 的概念非常简单。它是一个在 JavaScript 引擎等待任务,执行任务和进入休眠状态等待更多任务这几个状态之间....

图解 JavaScript 事件循环:微任务和宏任务
文章 2022-09-10 来自:开发者社区

js的EventLoop事件循环机制调用栈、微任务、消息队列执行顺序优先级

// 调用栈 function func() { console.log("func"); } // 消息队列 setTimeout(() => { console.log("setTimeout"); }, 0) var p = new Promise((resolve, reject) => { console.log("Promise"); re...

文章 2022-06-13 来自:开发者社区

浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务

看到这些词仿佛比较让人摸不着头脑,其实在我们的日常开发中,早就和他们打过交道了。我来举几个常见的例子:我执行了一段js,页面就卡了挺久才有响应我触发了一个按钮的click事件,click事件处理器做出了响应我用setTimeout(callback, 1000)给代码加了1s的延时,1秒里发生了很多事情,然后功能正常了我用setInterval(callback, 100)给代码加了100ms的....

浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务
文章 2022-06-13 来自:开发者社区

js中的宏任务和微任务详细讲解

微任务有哪些Promise await和async宏任务有哪些setTimeout setInterval DOM事件 AJAX请求看下面的代码<script> console.log(1) setTimeout(()=>{ console.log("2") },0) Promise.resolve().then(()=>{ console.log('3'...

js中的宏任务和微任务详细讲解

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注