await能否在所属async函数外阻塞代码？foo函数会阻塞setInterval回调吗？

示例代码（已修正语法错误）：

setInterval(() => {
  // do some stuff
}, 1000)

const foo = async () => {
  const res = await api_call();
  do_stuff();
}

await foo();

回答：

• await的使用有明确限制：只能在async函数内部或者ES模块的顶层作用域中使用，普通非async函数里直接写await会触发语法错误。
• 若在模块顶层执行await foo()，它会阻塞当前模块后续的顶层代码执行，但不会卡住整个JS事件循环。比如代码里的setInterval依然会按时触发回调，只是模块中await foo()之后的顶层代码要等foo执行完毕才会运行。
• 若在async函数内部使用await，它只会暂停当前async函数的执行，主动让出线程让事件循环处理其他任务，不会阻塞外部代码的运行。

回答：
不会阻塞。JS是单线程模型，依赖事件循环处理任务：

1. 当foo执行到await api_call()时，会暂停自身执行，将api_call的异步操作交给宿主环境（浏览器/Node.js）处理，此时JS调用栈为空。
2. 当setInterval的触发时间到达，它的回调会被加入宏任务队列。只要调用栈为空（也就是foo处于await等待状态时），事件循环就会取出这个回调执行，不会被foo的等待过程打断。
3. 等api_call的异步操作完成后，foo的剩余代码会被加入微任务队列，等待当前正在执行的宏任务完成后，再继续执行foo的后续逻辑。

内容的提问来源于stack exchange，提问作者Bear Bile Farming is Torture