共计 1217 个字符，预计需要花费 4 分钟才能阅读完成。

深入解析 JavaScript：为什么 await {then(){}} 返回undefined？

JavaScript，作为前端开发的基石，其异步编程模式一直是开发者关注的焦点。在 ES6 中，Promise对象和 async/await 语法糖的引入，极大地改善了异步编程的体验。然而，即便如此，JavaScript 的异步特性仍然时不时地会给我们带来一些惊喜。今天，我们就来深入探讨一个有趣的问题：为什么 await {then(){}} 会返回undefined？

理解 Promise 和async/await

在回答这个问题之前，我们需要先理解 Promise 和async/await的基本概念。

Promise对象

Promise是 JavaScript 中用于异步编程的对象，它表示一个尚未完成但最终会完成的操作。Promise对象可以处于以下三种状态之一：

1. 待定（Pending）：初始状态，既没有被兑现，也没有被拒绝。
2. 已兑现（Fulfilled）：操作成功完成。
3. 已拒绝（Rejected）：操作失败。

async/await语法

async/await是 JavaScript 中用于处理异步操作的语法糖。async关键字用于声明一个函数为异步函数，而 await 关键字用于等待一个 Promise 对象的完成。

探索 await {then(){}} 返回 undefined 的原因

现在，我们来看一看为什么 await {then(){}} 会返回undefined。

首先，我们需要明确一点：await关键字只能用于等待一个 Promise 对象。在 await 表达式中，如果等待的不是 Promise 对象，JavaScript 会自动将其转换为 Promise 对象。

在表达式 await {then(){}} 中，我们实际上创建了一个带有 then 方法的对象字面量。这个对象字面量不是一个 Promise 对象，但它看起来很像，因为它有一个 then 方法。然而，这个 then 方法并不是 Promise 对象的 then 方法，而是一个普通的方法。

当 JavaScript 将这个对象字面量转换为 Promise 对象时，它会寻找一个 then 方法，并尝试使用它来创建一个新的 Promise 对象。但是，由于这个 then 方法并不符合 Promise 对象的 then 方法的签名（它应该接受两个参数：onFulfilled和onRejected），因此，JavaScript 无法正确地处理这个对象，最终返回undefined。

结论

在 JavaScript 中，await {then(){}}返回 undefined 的原因是因为对象字面量 {then(){}} 并不是一个有效的 Promise 对象。尽管它看起来很像，但由于其 then 方法不符合 Promise 对象的 then 方法的签名，JavaScript 无法正确地处理它。

通过深入理解 Promise 和async/await的工作原理，我们可以更好地掌握 JavaScript 的异步编程模式，并避免类似的陷阱。