考察如下代码,脑回路中运行并输出结果:
console.log("1"); setTimeout(function setTimeout1() { console.log("2"); process.nextTick(function nextTick1() { console.log("3"); }); new Promise(function promise1(resolve) { console.log("4"); resolve(); }).then(function promiseThen1() { console.log("5"); }); setImmediate(function immediate1() { console.log("immediate"); }); }); process.nextTick(function nextTick2() { console.log("6"); }); function bar() { console.log("bar"); } async function foo() { console.log("async start"); await bar(); console.log("async end"); } foo(); new Promise(function promise2(resolve) { console.log("7"); resolve(); }).then(function promiseThen2() { console.log("8"); }); setTimeout(function setTimeout2() { console.log("9"); new Promise(function promise3(resolve) { console.log("11"); resolve(); }).then(function promiseThen3() { console.log("12"); }); process.nextTick(function nextTick3() { console.log("10"); }); });JS 是单线程,朴素地讲,同时只能完成一件事件。如果有耗时的任务,那后续的所有任务都要等待其完成才能执行。
为了避免这种阻塞,引入了事件循环。即,将代码的执行分成一个个很小的阶段(一次循环),每个阶段重复相应的事情,直到所有任务都完成。
一个阶段包含以下部分:
Timers:到期的定时器任务,setTimeout,setInterval 等注册的任务。IO Callbacks:IO 操作,比如网络请求,文件读写。IO Polling:IO 任务的注册Set Immediate:通过 setImmediate 注册的任务Close:close 事件的回调,比如 TCP 的断开。Ticks and Phases of the Node.js Event Loop 图片来自 Daniel Khan 的 Medium 博客,见文末
同步代码及上面每个环节结束时都会清空一遍微任务队列,记住这点很重要!
执行的流程是,
将代码顺序执行。遇到异步任务,将任务压入待执行队列后继续往下。完成同步代码后,检查是否有微任务(通过 Promise,process.nextTick,async/await 等注册),如果有,则清空。清空微任务队列后,从待执行队列中取出最先压入的任务顺序执行,重复步骤一。另,
async/await 本质上是 Promise,所以其表现会和 Promise 一致。process.nextTick 注册的回调优先级高于定时器。setImmediate 可看成 Node 版本的 setTimeout,所以可与后者同等对待。至此,走完了所有代码。
以下是文章开头的结果:
1 async start bar 7 6 async end 8 2 4 3 5 9 11 10 12 immediate转载于:https://www.cnblogs.com/Wayou/p/understanding_event_loop.html