访问等待的值内联（JS）？答案

【问题标题】：Accessing the await-ed value inline (JS)?访问等待的值内联（JS）？
【发布时间】：2020-07-01 05:11:53
【问题描述】：

首先我是这样写的：

(async function() {
    const value = await Promise.resolve({a: 3}).a
    console.log(value)
})().catch(console.error);

但我很快得出结论，这是行不通的，因为我们将等待 a 返回的 a 属性，这是未定义的。

所以我尝试将我的 await 调用包含在括号中：

(async function() {
    const value = await(Promise.resolve({a: 3})).a
    console.log(value)
})().catch(console.error);

这也不起作用。（它记录undefined）

因此，提取a 属性的唯一方法似乎是执行以下操作：

(async function() {
    const resolvedValue = await Promise.resolve({a: 3});
    let aProp = resolvedValue['a']; 
})().catch(console.error);

，这增加了不必要的代码行。

我这样喂食有点违背异步/等待的目的。这是正确的还是我遗漏了什么？

【问题讨论】：

【解决方案1】：

您需要将await 关键字和promise 括在括号中，如下所示：

const value = (await Promise.resolve({a: 3})).a;

这样，您正在等待承诺，然后访问已解析值的 a 属性。

await(Promise.resolve({a: 3})).a 不起作用，因为await 不是函数，而是运算符。

【讨论】：

【解决方案2】：

你需要在一个承诺上await，而不是一个人的财产。 JavaScript 将期望 a 成为一个承诺，但事实并非如此。

await 是一个操作符语句，而不是一个函数。

【讨论】：

【解决方案3】：

你总是可以解构：

const { a: value } = await Promise.resolve({ a: 3})

【讨论】：