JS运行机制

JS运行机制特点（单线程和非阻塞）

JS单线程：在同一时间JS只能做一件事。为什么是单线程？如果多线程，同时操作一个DOM会出问题。
非阻塞：Event Loop（事件循环）

任务队列：同步任务队列要优先于异步任务队列处理。
异步任务被分为宏任务和微任务。常见的异步任务分类如下：
宏任务：定时器系列，DOM事件（UI交互事件）
微任务：process.nextTick，Promise.then
同一次事件循环中，微任务永远在宏任务之前执行。
执行栈：在调用方法的时候会自动生成生成一个相应的执行环境，也被称作执行上下文，执行上下文里放着这个方法的私有作用域、参数、this对象等。数个方法被调用的时候，js会依次解析这些方法，把其中的同步任务按照执行顺序排队到一个叫做执行栈的地方。
当执行栈中的任务清空，主线程会先检查微任务队列中是否有任务，如果有，就将微任务队列中的任务依次执行，直到微任务队列为空，之后再检查宏任务队列中是否有任务，如果有，则取出第一个宏任务加入到执行栈中，之后再清空执行栈，检查微任务，这个循环的过程叫做Event Loop（事件循环）