async 和 await的用法 | Promise简记

async

  • async 是一个前缀,用于函数声明,表示该函数是异步的。
  • async 函数会隐式地返回一个 Promise。即使你没有在 async 函数中显式地返回一个 Promise,JavaScript 也会自动将函数的返回值包装在一个 Promise 中。
  • 如果 async 函数中抛出一个异常,这个异常会被 Promise 捕获,并且 Promise 会被拒绝(reject)这个异常。

await

  • await 只能在 async 函数内部使用。
  • await 用于等待一个 Promise 完成,并返回其解决(resolve)的结果。
  • 如果 await 等待的 Promise 被拒绝(reject),那么 await 会抛出一个异常,这个异常可以被 try...catch 语句捕获。
  • 使用 await 会暂停 async 函数的执行,直到 Promise 解决(resolve)或拒绝(reject),然后继续执行 async 函数并返回解决的值。

示例

假设我们有一个异步函数 fetchData,它返回一个 Promise,该 Promise 在一段时间后解决(resolve)一个数据。

在这个示例中,asyncFunction 是一个 async 函数,它使用 await 等待 fetchData 返回的 Promise 解决,并在解决后打印结果。如果 fetchData 抛出了异常(在这个例子中并没有),catch 块会捕获并处理这个异常。

注意事项

  • await 只能用在 async 函数内部。
  • await 会暂停 async 函数的执行,但不会阻塞整个 JavaScript 引擎。其他任务(如事件处理、动画等)仍然可以执行。
  • 使用 await 可以避免回调地狱(callback hell),使代码更加清晰和易于维护。
  • await 后面通常跟一个返回 Promise 的函数调用,但它也可以是任何返回 Promise 的表达式。

猜你喜欢

转载自blog.csdn.net/m0_65292523/article/details/141156938