异步函数返回promise，而不是值

Question

我试图了解异步/等待如何与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应该是阻塞的，在上面的代码中，它似乎阻塞了返回带有原语时间戳的对象bl。然后，我的函数返回原语值，但是时间变量被设置为挂起的promise，而不是该原语。我错过了什么？




Answer 1

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特性的一般视图，最好阅读文档。

Answer 2

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

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

如果您在JavaScript模块的顶层执行此操作，一些环境现在支持模块中即将到来的顶层wait：

const time = await latestTime();

JavaScript引擎正在获得对顶级wait的支持，例如，Webpack对它有实验性的支持。

以下是您的async函数在明确promise条款中的粗略翻译：

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);
    });
}

关于这一点的一些重要说明：

• 传递给newpromise的函数（Promise executor函数）由newpromise同步调用。
  • 这就是操作开始的原因，web3。埃斯。同步调用getBlock，以开始工作

Answer 3

异步前缀是一种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)
        })
}