Promise和async/await的区别

2022年9月19日13:16:46

【JavaScript】Promise和async/await的区别

Promise

Promise 是一种异步编程机制,为异步代码提供了清晰的抽象。解决了代码越来越复杂,回调策略可扩展性越来越差的问题。

async/await

async/await 是ES8的关键字,是异步函数,将Promise 应用于JavaScript 函数的结果,让同步方式写的代码能异步执行。
旨在解决利用异步结构组织代码的问题。

async 关键字用于声明异步函数,且异步函数始终返回Promise 对象,如果异步函数使用return 关键字,则异步函数的返回值会被Promise.resolve() 包装成一个Promise 对象。

await 关键字会暂停执行异步函数后面的代码,JavaScript 运行时记录暂停执行的位置并让出执行线程,等到await 右边的值可用时,JavaScript 运行时会向消息队列中推送一个任务,这个任务会恢复异步函数的执行。

await 关键字必须在异步函数中使用,且只能直接出现在异步函数的定义中。

async/await 关键字中,async 仅仅是一个标识符,起作用的是await 关键字,如果异步函数不包含await 关键字,基本上跟普通函数一样。

async/await 比 Promise 更省内存?

JavaScript 引擎在创建Promise 时会尽可能的保留完整的调用栈。在抛出错误时,调用栈由运行时错误处理逻辑获取,并出现在栈追踪信息中。而栈追踪信息会占用内存,有一些计算和存储成本。
当使用async/await 时,栈追踪信息不会记录await后抛出的错误,因为异步函数内部嵌套函数中存储着指向包含函数的指针,故栈追踪信息不会带来额外的消耗。所以,async/await 更省内存。

总结

  • Promise 的主要功能是为异步代码提供了清晰的抽象。
  • 异步函数是将Promise 应用于JavaScript 函数的结果。异步函数可以暂停执行,而不阻塞主线程。
  • 推荐使用await/async
  • 作者:harmsworth2016
  • 原文链接:https://blog.csdn.net/harmsworth2016/article/details/125419725
    更新时间:2022年9月19日13:16:46 ,共 869 字。