异步函数返回承诺，而不是值

Question

我试图了解 async/await 如何与 Promise 结合使用。

async function latestTime() {
  const bl = await web3.eth.getBlock('latest');
  console.log(bl.timestamp); // Returns a primitive
  console.log(typeof bl.timestamp.then == 'function'); //Returns false - not a promise
  return bl.timestamp;
}
const time = latestTime(); // Promise { <pending> }

据我了解，await 应该是阻塞的，并且在上面的代码中，它似乎阻止返回带有原始timestamp 的对象bl。然后，我的函数返回原始值，但是时间变量设置为待处理的承诺而不是该原始值。我缺少什么？

Answer 1

async 函数总是返回一个 Promise。这就是它报告异步工作完成情况的方式。如果您在另一个async函数中使用它，则可以使用await来等待其promise解决，但在非async中函数（通常在顶层或事件处理程序中），您必须直接使用 Promise，例如：

latestTime()
.then(time => {
    console.log(time);
})
.catch(error => {
    // Handle/report error
});

...尽管如果您在 JavaScript 模块的顶层执行此操作，则所有现代环境现在都支持 模块中的顶级 await：（

const time = await latestTime();

请注意，如果Promise 被拒绝，您的模块将无法加载。如果即使 Promise 失败，您的模块也能有意义地工作，请务必将其包装在 try/catch 中以处理 Promise 拒绝。 .）

---

它可能（或者可能不）用显式的承诺回调术语来阐明 JavaScript 引擎如何在幕后处理您的 async 函数：

function latestTime() {
    return new Promise((resolve, reject) => {
        web3.eth.getBlock('latest')
        .then(bl => {
            console.log(bl.timestamp);
            console.log(typeof bl.timestamp.then == 'function');
            resolve(bl.timestamp);
        })
        .catch(reject);
    });
}

一些重要的注意事项：

• 您传递给 new 的函数Promise（promise 执行器函数）由new Promise同步调用。
  • 这就是操作开始的原因，同步调用web3.eth.getBlock来开始工作。
• Promise 执行器中抛出的任何错误（等）都会被 new Promise 捕获并转换为 Promise 拒绝。
• Promise 回调中抛出的任何错误（例如我们传递的 then 错误）都将被捕获并转换为拒绝。

Answer 2

异步前缀是 Promise 的一种包装器。

async function latestTime() {
    const bl = await web3.eth.getBlock('latest');
    console.log(bl.timestamp); // Returns a primitive
    console.log(typeof bl.timestamp.then == 'function'); //Returns false - not a promise
    return bl.timestamp;
}

是一样的

function latestTime() {
    return new Promise(function(resolve,success){
        const bl = web3.eth.getBlock('latest');
        bl.then(function(result){
            console.log(result.timestamp); // Returns a primitive
            console.log(typeof result.timestamp.then == 'function'); //Returns false - not a promise
            resolve(result.timestamp)
        })
}

Answer 3

无论如何，async 函数都会返回 Promise。返回值将是“Promise”，因此在您的情况下它将是：

async function latestTime(): Promise<some primitive> {
  const bl = await web3.eth.getBlock('latest');
  return bl.timestamp;
}

因此，您可以进一步使用它的功能，例如：

const time = await latestTime();

但是为了实现有关async/await功能的一般视图，最好阅读文档。