打印顺序依次为：
script start
async2 end
Promise
script end
async1 end
promise1
promise2
setTimeout
JS 运行机制为从上而下，首先打印script start，async/await 是Promise包装执行会立即执行async2（）打印async2 end，把setTimeout加入宏任务队列但是不会立马执行，往下走，Promise创建属于同步任务此时打印Promise，并放入宏任务队列中，再往下走直接打印script end，此时如果有微任务会优先执行微任务队列，微任务队列执行完毕再执行宏任务，async1 end 的打印是因为执行了Promise.then的方法，继续微任务输出promise1、promise2，当微任务队列为空，执行宏任务setTimeout，此时打印setTimeout。
说说事件循环（Event Loop）
一个 Event Loop 中，可以有一个或者多个任务队列(task queue)，一个任务队列便是一系列有序任务(task)的集合；每个任务都有一个任务源(task source)，源自同一个任务源的 task 必须放到同一个任务队列，从不同源来的则被添加到不同队列。setTimeout/Promise 等API便是任务源，而进入任务队列的是他们指定的具体执行任务。
在事件循环中，每进行一次循环操作称为 tick，每一次 tick 的任务处理模型是比较复杂的，
关键步骤如下：
在此次 tick 中选择最先进入队列的任务(oldest task)，如果有则执行(一次)
检查是否存在 Microtasks，如果存在则不停地执行，直至清空 Microtasks Queue
更新 render
主线程重复执行上述步骤
在上诉tick的基础上需要了解几点：
1、JS分为同步任务和异步任务
2、同步任务都在主线程上执行，形成一个执行栈
3、主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放置一个事件。
4、一旦执行栈中的所有同步任务执行完毕（此时JS引擎空闲），系统就会读取任务队列，将可运行的异步任务添加到可执行栈中，开始执行。
首先，先看一下下面这道题，列出输出的内容：
先公布答案，输出依次为：1，7，3，5，2，6，4。
要解释为什么，需要先解释清楚几个概念：
JavaScript是单线程。当遇到异步加载时候，存在两个队列：宏队列、微队列。他们各司其职，处理对应的任务。具体顺序是，先执行常规事件流，再执行微队列，最后执行宏队列，当循环完成后，js引擎休息等待下一次循环。
好了，概念说完了，是不是很简单。下面我们回到上面那道题。我们从上到下演示一下各队列的现状。
吐槽一句：本来很简单的道理，很简单就能解释清楚的问题，有些网友的解释真的是极度的复杂啊，害得我浪费了好多脑细胞。。。还有些抄来抄去的结论根本不对，误导啊。。。
一、同步和异步所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中，比如ajax、promise、事件、计时器等等。
也就是先执行同步，主线程结束后再按照异步的顺序再次执行。
二、时间循环(Event Loop)
Event Loop是什么？中文翻译是事件循环，等待主线程中任务全部完成后，再回来把异步队列中任务放到主程序中运行，这样反复的循环，就是事件循环。
b14d903a712b31c34f347ba7d64b697e.png
先来看组代码
console.log('开始111') setTimeout(function () {console.log('setTimeout111') }, 0) Promise.resolve().then(function () {console.log('promise111') }).then(function () {console.log('promise222') }) console.log('开始222')
打印 “开始111”，再打印“开始222”。
中途的三个异步，进入到了异步队列，等待同步执行完(打印完)，返回来再执行异步，所以是后打印出来。
打印的结果先放一放，我们稍后回来再说。现在我们中途插播一段知识点：
三、宏观任务和微观任务(先执行微观任务，再执行宏观任务)：
在事件循环中，每进行一次循环操作称为tick，tick 的任务处理模型是比较复杂的，里边有两个词：分别是 Macro Task (宏任务)和 Micro Task(微任务)。
简单来说：
宏观任务主要包含：setTimeout、setInterval、script(整体代码)、I/O、UI 交互事件、setImmediate(Node.js 环境)
微观任务主要包括：Promise、MutaionObserver、process.nextTick(Node.js 环境)
规范：先执行微观任务，再执行宏观任务
那么我们知道了，Promise 属于微观任务， setTimeout、setInterval 属于宏观任务，先执行微观任务，等微观任务执行完，再执行宏观任务。所以我们再看一下这个代码：
console.log('开始111') setTimeout(function () {console.log('setTimeout111') }, 0) Promise.resolve().then(function () {console.log('promise111') }).then(function () {console.log('promise222') }) console.log('开始222')
我们按照步骤来分析下：
1、遇到同步任务，直接先打印 “开始111”。
2、遇到异步 setTimeout ，先放到队列中等待执行。
3、遇到了 Promise ，放到等待队列中。
4、遇到同步任务，直接打印 “开始222”。
5、同步执行完，返回执行队列中的代码，从上往下执行，发现有宏观任务 setTimeout 和微观任务 Promise ，那么先执行微观任务，再执行宏观任务。
所以打印的顺序为：开始111 、开始222 、 promise111 、 promise222 、 setTimeout111 。
同理，我们再来分析一个代码：
console.log('开始111')setTimeout(function () { console.log('timeout111')})new Promise(resolve =>{ console.log('promise111') resolve() setTimeout(() =>console.log('timeout222'))}).then(function () { console.log('promise222')})console.log('开始222')
分析一下：
1、遇到同步代码，先打印 “开始111” 。
2、遇到setTimeout异步，放入队列，等待执行 。
3、中途遇到Promise函数，函数直接执行，打印 “promise111”。
4、遇到setTimeout ，属于异步，放入队列，等待执行。
5、遇到Promise的then等待成功返回，异步，放入队列。
6、遇到同步，打印 “开始222”。
7、执行完，返回，将异步队列中的代码，按顺序执行。有一个微观任务，then后的，所以打印 “promise222”，再执行两个宏观任务 “timeout111” “timeout222”。
所以，打印的顺序为：开始111 、 promise111 、 开始222 、 promise222 、 timeout111 、 timeout222 .
先执行主任务，把异步任务放入循环队列当中，等待主任务执行完，再执行队列中的异步任务。异步任务先执行微观任务，再执行宏观任务。一直这样循环，反复执行，就是事件循环机制。
