异步函数返回Promise,而不是value

IT技术 javascript promise async-await primitive
2021-01-24 10:08:31

我试图了解 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 应该是阻塞的,并且在上面的代码中,它似乎阻塞了返回bl带有原语的对象timestamp然后,我的函数返回原始值,但是时间变量设置为挂起的Promise而不是该原始值。我错过了什么?

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)
        })
}
谢谢你的描述性回答,我显然没有抓住重点。
2021-03-15 10:08:31
只是附带说明:该async函数的翻译存在一些问题这在非常广泛的概念术语中是可以的,但不能正确处理拒绝,有语法错误,并为success传递给Promise执行器的第二个参数(用于拒绝Promise的函数)提供了一个非常令人惊讶的名称(?!) ... :-)
2021-03-18 10:08:31

一个async函数总是返回一个promise。这就是它报告异步工作完成的方式。如果你在另一个async函数中使用它,你可以使用awaitto 等待它的Promise解决,但在非async函数中(通常在顶层或事件处理程序中),你必须直接使用Promise,例如:

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

如果您在 JavaScript module的顶层执行此操作,则某些环境现在支持即将到来的顶层awaitmodule

const time = await latestTime();

JavaScript 引擎正在获得对 top-level 的支持,例如awaitWebpack 对它有实验性支持


这是您的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);
    });
}

一些重要的注意事项:

  • 您传递给的函数new Promisepromise 执行器函数)被new Promise.
    • 这就是为什么操作开始,web3.eth.getBlock被同步调用以开始工作。
  • Promise执行器中抛出的任何错误(等)都会被捕获new Promise并转换为Promise拒绝。
  • 在Promise回调中抛出的任何错误(等)(如我们正在传递的错误then)都将被捕获并转换为拒绝。

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功能的一般看法,最好阅读文档。