js事件循环机制

什么是事件循环机制

• js是单线程，防止代码阻塞，我们把代码分为：同步和异步
• 同步代码给js引擎执行，异步代码交给宿主环境
• 同步代码放入执行栈中，异步代码等待时机成熟送入任务队列排队
• 执行栈执行完毕，会去任务队列看是否有异步任务，有就送到执行栈执行，反复循环查看执行，这个过程是事件循环

宏任务，微任务

js将异步任务分为了宏任务和微任务

微任务

• nextTick()
• promise.then() catch() {Promise本身是同步的，then/catch的回调函数是异步的}
• async/await {await会等右边执行完毕后再执行下面的代码}
• object.observe等

宏任务

• script（代码块）
• 定时器
• I/O等

执行顺序过程如下

同步代码 ——>微任务队列——>宏任务队列

事件循环机制常见面试题

输出结果：3，2，1

输出结果是：11，14，12，15，13

输出结果是：2，3，6，p2，p1，1，4，5，setTimeout2，setTimeout1

输出结果：script start，async1 start，async2，async1 end，setTimeout

推荐一个网站可以看执行过程

jsv9000.app