助力白纸一般的你面试—

今天我不讲原理只讲实战；

面试中你经常会遇到面试官在宏任务和微任务上对你进行各种刁难，但宏任务微任务你都不明白，你可以不用学前端了，洗洗睡吧！！！

JS单线程之类的话我就不讲了，是个人应该都是知道哈（神仙可以去百度比我说的好）！

土味干货：

宏任务包含 1.script(整体代码)；2.setTimeout与setInterval；3.UI交互事件；等

微任务包含（肯定不止promise相关异步哈）

两任务运行机制：在一次事件循环中必然会发生：执行一个宏任务（栈中没有就从事件队列中找）——>如遇到微任务，将其添加到微任务队列——>宏任务执行完毕必然立即执行当前微任务队列中的所有微任务（依次执行哈）——>开始渲染——>开始下一个宏任务。

综上所述：要想搞清楚，宏任务微任务，首先要看有多少个宏任务，然后看具体的事件队列。

上代码：

上图代码相信你也知道，两波宏任务，因此1和3必然先执行，因为.then并且里面还有一个setTimout，所以2先放进去，其次b进去，最后a进去；

很简单吧，仅仅是一些判断，一点逻辑都没有，不过也是前端工作中最多的都是数据处理与各种判断，想入门跟着我学会Es6和事件以及各种遍历循环，相信你将成为业务小能手！！！

菜菜的你看到这就歇会吧，相信你再看也看不下去了，下一期我讲‘异常处理实战’。

助力白纸一般的你面试——宏任务微任务相关推荐

JS事件循环机制：同步与异步任务之宏任务微任务
JS事件循环机制:同步与异步任务之宏任务微任务阅读目录 javascript事件循环 setTimeout和setInterval中的执行时间宏任务和微任务 javascript是单线程,一 ...
《Java 后端面试经》微服务篇
<Java 后端面试经>专栏文章索引: <Java 后端面试经>Java 基础篇 <Java 后端面试经>Java EE 篇 <Java 后端面试经>数 ...
精学JS：宏任务微任务的运行机制
首先分析宏任务和微任务的运行机制,并针对日常开发中遇到的各种宏任务&微任务的方法,结合一些例子来看看代码运行的顺序逻辑,把这部分知识点重新归纳和梳理. 在日常开发中,例如 setTimeo ...
AV转USB；S-Video转USB宏晶微视频采集卡方案
宏晶微的MS2100和MS2100E支持无损采集,MS2106和MS2106S支持无损和压缩采集,详细功能对比见下表
引擎进阶（上）：探究宏任务微任务的运行机制
引擎进阶(上):探究宏任务 & 微任务的运行机制首先分析宏任务和微任务的运行机制,并针对日常开发中遇到的各种宏任务&微任务的方法,结合一些例子来看看代码运行的顺序逻辑,把这部分知 ...
ShowMeBug 助力康博嘉在线面试：是问题就一定要解决
邱姐注册 ShowMeBug 的时候,是2020年2月7日.那时候疫情肆虐,春节刚过,绝大部分企业还没法复工. 而邱姐正好在重灾区的武汉. 公司邱姐所在的公司康博嘉是医疗信息化公司. 康博嘉成立于2 ...
JS面试——宏任务与微任务
JavaScript的宏任务与微任务 1.问题的由来 2.JavaScript的宏任务与微任务 2.1promise的使用方法 2.2async与await的使用方法 3.面试题实战分析--程序执行顺 ...
36 个JS 面试题为你助力金九银十(面试必读)
来源:javapoint 译者:前端小智为了保证的可读性,本文采用意译而非直译. 阿里云双12已开启,新老用户均可参与,2核1G云服务器仅需79元,,更多服务器配置及价格请关注:Hi拼团,或点此了解 ...
记了老是忘记那就写下来吧宏任务微任务
宏任务:script 定时器微任务:promiss process.nexttick new Promise(function(resolve){console.log(3);//此为同步程序res ...

助力白纸一般的你面试——宏任务微任务

助力白纸一般的你面试——宏任务微任务相关推荐

最新文章

热门文章