为何在JS异步堆栈追踪中，await总能胜过Promise实现更简洁的追踪？

本文共计775个文字，预计阅读时间需要4分钟。

概述async/await与Promise的基本区别在于await关键字的使用。await在async函数中暂停当前函数的执行，直到等待的Promise解决或拒绝，而Promise的then方法则是在Promise解决后将回调函数添加到回调链中，然后继续执行当前函数。

示例代码：javascriptconst fn=()=> console.log('hello');

const a=async ()=> { await fn();};

概述

async/await和Promise的根本区别在于await fn()暂停当前函数的执行，而promise.then(fn)在将fn调用添加到回调链后，继续执行当前函数。

const fn = () => console.log('hello') const a = async () => { await fn() // 暂停 fn 的执行 } // 调用 a 时，才恢复 fn 的执行 a() // "hello" const promise = Promise.resolve() // 将 fn 添加到回调链后，继续执行 fn promise.then(fn) // "hello"

在堆栈追踪的上下文中，这种差异非常显著。

当一个Promise链（无论是否脱糖化）在任何时候抛出一个未经处理的异常时，JavaScript引擎都会显示一条错误信息和（希望）记录一个有用的堆栈追踪。

作为一名开发人员，无论您使用的是普通的Promise还是async await，您都会期望这样。