JavaScript 事件循环如何执行?
以浏览器 Event Loop 为范围,逐步分析同步代码、Promise、queueMicrotask 与 setTimeout 的执行顺序,讲清微任务检查点、渲染时机与常见面试误区。
JavaScript · 异步编程面试题第 1 页,显示第 1–48 题,共找到 48 道完整解析,可继续按分类、标签与关键词缩小范围。
按稳定语义路径排序
以浏览器 Event Loop 为范围,逐步分析同步代码、Promise、queueMicrotask 与 setTimeout 的执行顺序,讲清微任务检查点、渲染时机与常见面试误区。
围绕“AbortController 是如何与 fetch 等异步 API 协作以支持取消的”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明通过 signal 传入 fetch,并调用 abort 来中断。
围绕“async 函数中的同步抛出异常会怎样传播”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明同步异常使 async 函数返回 rejected Promise。
围绕“async 函数中 return 一个值时,外部拿到的是值还是 Promise”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 async 函数总是返回一个已用该值解析的 Promise。
围绕“为什么在 forEach 中使用 async/await 不能保证异步任务按顺序完成?应该用什么替代”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释 forEach 不等待异步,提供 for...of 或常规循环的替代。
围绕“在 for 循环中对多个异步任务使用 await,是串行执行吗?如何改为并发”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明每个 await 会阻塞循环体,使用 Promise.all 改为并发。
围绕“为什么说 async/await 是 Promise 链的语法糖?请演示对应的等价格式”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出简单例子对应转换,并说明 await 之后的代码等价于 then。
围绕“async/await 中哪类错误应使用 try/catch 捕获,哪类不适合?请举例说明”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分可预测的业务错误与不可恢复的错误。
围绕“并发池中任务完成的结果顺序如何保证与发起顺序一致?有哪些实现方式”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明使用索引或预填充数组保持顺序。
围绕“设计一个并发池:如何用 Promise 实现限制最大并发数的异步任务调度器”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出队列与计数器设计思路,不包含具体库的实现。
围绕“实现 fetch 请求的重试逻辑时,如何避免在重试过程中丢失原始请求参数”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明重新调用 fetch 并传递相同参数,注意请求体复用限制。
围绕“如何通过 AbortSignal.any 组合多个 AbortSignal 来实现多个取消源”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明该静态方法的基本用法。
本题考查 Promise.all 对于空迭代的处理。回答需指出返回已解决且值为 [] 的 Promise,并区分状态与回调时序。内容涵盖同步 fulfilled 与异步调用 then 的区别,以及空数组不会导致 pending 或异常。
围绕“使用 Promise.all 时如果其中一个请求失败,如何让其他请求的结果仍然可用”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕必须提供通过 catch 或 allSettled 进行恢复的策略。
本题解释 Promise.all 对数组内非 Promise 值的处理:通过 Promise.resolve 包装,但结果保留原值,且整体异步完成。涵盖机制、工程场景和边界,帮助理解内部转换与结果顺序。
本题解析 Promise.all 的快速失败机制:任一 Promise 拒绝即整体拒绝,但其余 Promise 照常运行且结果被丢弃。说明拒绝传播时机、对其他 Promise 的影响,以及如何通过 .catch 改变行为。
围绕“Promise.allSettled 的返回结果中每个元素的结构是怎样的”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明每个结果对象包含 status 和 value/reason。
围绕“为什么在已有 Promise 的情况下使用 new Promise 包裹是反模式?应该如何改进”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明会产生冗余和可能的错误处理问题,并提供替代的链式写法。
围绕“Promise.any 在所有输入 Promise 都被拒绝时,会拒绝成什么错误?如何读取各个拒绝原因”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明拒绝值为 AggregateError 并包含 errors 数组。
围绕“Promise.any 与 Promise.race 在成功优先和失败处理上的区别是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 any 忽略拒绝直到有一个成功,race 关心第一个敲定结果。
通过具体代码比较 catch 放在链尾和放在中段的差异:中间 catch 截断错误传播且后续 then 正常运行,末尾 catch 则汇总整链错误;并说明 catch 自身返回值对链后续状态的影响。
本题解释在 Promise 链的 then 回调中抛出异常时,Promise 如何将链状态转为 rejected,异常如何传递,以及捕获边界。包含场景演示与错误认识纠正。
Promise 构造器同步调用 executor,而 then 回调异步运行。通过实际输出区分构造、resolve 与观察回调,并说明 thenable、同步异常和未完成任务的边界。
围绕“在 Promise executor 中抛出一个同步错误,这个错误是会被捕获并导致拒绝吗”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明该错误被捕获并成为 Promise 的拒绝原因。
本文解析 Promise 的 finally 与 then 在参数、状态透传、返回值处理和异常传播上的本质区别,并通过具体场景说明 finally 的回调无法修改结果,但可能因抛出错误而中断链。
围绕“Promise 的 then 回调返回一个 Promise 时,外层 Promise 如何自动展开嵌套”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 then 返回 Promise 会被展开,并且会等待其敲定。
围绕“Promise.race 传入空数组时会发生什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明返回的 Promise 永远处于 pending 状态。
解释了 Promise.resolve 处理 thenable 对象时的展开机制,重点说明其与原生 Promise 的区别:原生 Promise 直接透传,thenable 则被异步包装并追踪其状态,还覆盖了深层嵌套和异常场景。
围绕“多个 Promise 并发执行时,它们的 then 回调是否一定按照 Promise 完成的顺序触发”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明回调按完成顺序进入微任务队列,不是按调用顺序,但若同时加入则按代码顺序。
本文解释 Promise 状态不可变的机制,多次调用 resolve/reject 后首次生效,后续无效。通过代码示例和场景说明,帮助理解状态锁定的原因和边界。
围绕“Promise 的 then 回调为什么都是异步执行的”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释回调被放入微任务队列。
围绕“如何用 Promise.race 实现一个异步操作的超时?超时后原 Promise 的后续处理如何”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 race 超时结果与原 Promise 的关联,但不要求实现完善的取消。
围绕“什么情况下会触发 unhandledrejection 事件?如何避免未处理的拒绝”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕必须定义当 Promise 被拒绝且没有附带处理时触发。
围绕“用递归依次处理无限层级异步任务时,如何避免栈溢出和 Promise 链无限增长”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出尾递归或迭代方式。
围绕“给定一个返回 Promise 的函数数组,如何用 reduce 实现串行执行并携带前一个结果”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕必须展示 reduce 与 async/await 或 then 的写法。
从寻找反例与寻找例子解释空数组 every/some,演示回调不会执行,说明列表至少一项的独立约束、稀疏空位和 async 谓词陷阱,避免把逻辑成立当成数据存在。
对照只有 length 的类数组、Set 和同时提供迭代器的对象,说明 Array.from 的输入选择、缺失索引与浅拷贝,避免把普通对象键枚举或异步迭代混进同一转换规则。
通过同一数组对照 for...of 与 forEach 的跳过和终止,解释回调 return 的作用域、稀疏数组和 async 回调陷阱,并给出查找、顺序等待与并发处理的选择依据。
围绕“如何将 Blob 转换为 ArrayBuffer,以及在此过程中可用的 API 有哪些”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明使用 blob.arrayBuffer() 或 FileReader,且返回 Promise,注意兼容性。
围绕“异步生成器(async generator)与普通生成器有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 next() 返回 Promise,可 await 异步操作。
围绕“为什么用 var 声明的循环变量在异步回调中会得到最终值?如何修复”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释 var 函数作用域共享,以及用 let 或 IIFE 创建每层作用域。
围绕“所有函数都有 prototype 属性吗?箭头函数为什么没有”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明普通函数有 prototype,箭头函数和异步生成器没有等,不可用 new。
围绕“为什么 top-level await 会阻塞其父模块的解析?是否有方式避免”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确“避免方式”为改用动态加载或重新设计模块依赖。
围绕“循环依赖中如果一方导出 let 绑定,另一模块在初始化顶层读取它,会发生什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 let 的暂时性死区可能引起 ReferenceError,与 var 或函数的差异;不涵盖异步模块。
围绕“动态 import() 返回什么?为什么它是异步的”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 import() 的 Promise 语义和异步加载缘由,区别于静态导入的静态分析。
围绕“在浏览器中,如何使用 <script type="module"> 指定入口来加载模块图?有哪些注意点”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕涉及 async/defer、CORS、MIME 等,不包含模块预加载。
围绕“在模块顶层使用 await 会如何影响模块的执行和依赖加载”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 await 使模块异步化,阻塞兄弟模块解析,不是 ES2017 的普通运算符。
围绕“void 运算符的作用是什么?为何常用来获取 undefined 或用于某些异步表达式”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕void expression 返回 undefined,可用于执行表达式并忽略结果、获取安全 undefined,但指出如。