深入解析JavaScript：为什么await {then(){}}返回undefined？
JavaScript，作为前端开发的基石，其异步编程模式一直是开发者关注的焦点。在ES6中，Promise对象和async/await语法糖的引入，极大地改善了异步编程的体验。然而，即便如此，JavaScript的异步特性仍然时不时地会给我们带来一些惊喜。今天，我们就来深入探讨一个有趣的问题：为什么await {then(){}}会返回undefined？
理解Promise和async/await
在回答这个问题之前，我们需要先理解Promise和async/await的基本概念。
Promise对象
Promise是JavaScript中用于异步编程的对象，它表示一个尚未完成但最终会完成的操作。Promise对象可以处于以下三种状态之一：
- 待定（Pending）：初始状态，既没有被兑现，也没有被拒绝。
- 已兑现（Fulfilled）：操作成功完成。
- 已拒绝（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的异步编程模式，并避免类似的陷阱。