前端 JavaScript 进阶面试题, asyncawait 是否会阻塞代码的执行?

Step 1

Q:: async/await 是否会阻塞代码的执行？

A:: async/await 本质上是基于 Promise 的语法糖，它们不会阻塞代码的执行。async 函数在执行时会返回一个 Promise 对象，await 关键字用于等待这个 Promise 完成。虽然 await 会暂停当前的 async 函数的执行，直到 Promise 状态变为 resolved，但它不会阻塞整个 JavaScript 运行时。其他代码仍然可以继续执行。

Step 2

Q:: 如何处理多个 async 函数的并行执行？

A:: 可以使用 Promise.all() 来并行执行多个 async 函数。Promise.all() 接受一个包含多个 Promise 的数组，并返回一个新的 Promise，当所有输入的 Promise 都完成时，这个新的 Promise 也会完成。例如：await Promise.all([asyncFunc1(), asyncFunc2(), asyncFunc3()]);

Step 3

Q:: async/await 的错误处理机制是怎样的？

A:: 在使用 async/await 时，可以使用 try/catch 语句来捕获错误。任何在 await 后面的 Promise 如果被拒绝（rejected），都会抛出一个异常，这个异常可以在 try 块中被捕获。例如：try { await asyncFunc(); } catch (error) { console.error(error); }

Step 4

Q:: 什么是事件循环（Event Loop）？

A:: 事件循环是 JavaScript 的执行机制，用于处理异步操作。它通过一个队列来管理待执行的任务。事件循环不断地检查调用栈是否为空，如果为空，它会从队列中取出一个任务并执行。这样确保了非阻塞、异步执行代码。

Step 5

Q:: Promise 和 async/await 的区别是什么？

A:: Promise 是一种用于处理异步操作的对象，它的状态可以是 pending、fulfilled 或 rejected。async/await 是基于 Promise 的语法糖，使得异步代码看起来更像是同步代码，简化了代码的可读性和维护性。