前端 JavaScript 进阶面试题, asyncawait 对比 Promise 的优势是什么?

Step 1

Q:: async/await 对比 Promise 的优势是什么？

A:: async/await 提供了更直观和可读的代码结构，特别是在处理多个异步操作时。相比于 Promise 链式调用，async/await 可以使代码更接近于同步风格，易于调试和维护。此外，async/await 处理错误更方便，通过 try/catch 结构可以捕获所有的异常。

Step 2

Q:: async/await 是如何工作的？

A:: async/await 是基于 Promise 的语法糖。async 函数返回一个 Promise，await 表达式会暂停 async 函数的执行，等待 Promise 解决后继续执行，返回值是 Promise 的解决值。

Step 3

Q:: 如何在 async/await 中处理错误？

A:: 可以使用 try/catch 结构来处理 async/await 中的错误。例如：

async function fetchData() {
  try {
    let response = await fetch('api/data');
    let data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

Step 4

Q:: async/await 和 Promise 可以混用吗？

A:: 可以。由于 async/await 是基于 Promise 的，因此它们可以混合使用。例如：

async function fetchData() {
  let response = await fetch('api/data');
  let data = await response.json();
  return data;
}

fetchData().then(data => console.log(data)).catch(error => console.error(error));