【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。