带题讲解js中微任务和宏任务

javascript中微任务、宏任务的了解和简单小测

首先我们来插入代码,先进行代码分析来进入情景

setTimeout(function(){
		    console.log('1')
		});
 new Promise(function(resolve){
		    console.log('2');
                    resolve();
		}).then(function(){
		    console.log('3')
		});
 
console.log('4');

****带着问题去研究答案,我们再来了解微任务和宏任务的概念,下面我来放两张图****
.宏任务（macrotask ）和微任务（microtask ）

macrotask 和 microtask 表示异步任务的两种分类。

在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。

原图地址：https://www.cnblogs.com/wangziye/p/9566454.html

分析题目
而宏任务一般是：包括整体代码script，setTimeout，setInterval。

微任务：Promise，process.nextTick。

**答案结果为 2431

•                           下面我们来分析过程***
  

整个代码的执行流程是： setTimeout推到宏任务队列 然后遇到promise立刻执行，输出2。遇到promise.then推到微任务队列。继续往下，输出4。 至此，当前主线程中的同步任务执行完毕，读取微任务队列中的promise.then，输出3 浏览器渲染之后继续执行宏任务setTimeout，输出