使用带有一定延迟的async await模式重新调整promise

Question

我试图从一个调用rest API的方法返回一些测试数据。为了模拟rest api调用，我添加了一些延迟来使用async-await模式返回一个promise，但它并不像预期的那样工作。

我对JavaScript中的async-await模式的理解是，从异步函数返回的任何值都将作为承诺返回，因此该函数应该将值100作为承诺返回，因此使用的最后一条语句应该显示100，但实际上并非如此。

下面的代码段有什么问题，它导致最后一行代码中的警报显示undefined而不是100？

null

async function f() {

  function delayedResponse() {
    setTimeout(function() { return 100}, 5000);
  }
  return await delayedResponse();

}

f().then(alert); // 100

null




Answer 1

在delayedresponse中没有返回任何内容，因此导致undefined。

相反，为了实现您所期望的--您可以显式地创建一个承诺，并使用超时解析一个值；

null

async function f() {
  return new Promise(resolve => {
    setTimeout(function() { resolve(100)}, 5000);
  }); 
}

f().then(alert); // 100