javascript - async 函数 + await + setTimeout 的组合

Question

我正在尝试使用新的异步功能，我希望解决我的问题能在未来帮助其他人。这是我正在工作的代码:

  async function asyncGenerator() {
    // other code
    while (goOn) {
      // other code
      var fileList = await listFiles(nextPageToken);
      var parents = await requestParents(fileList);
      // other code
    }
    // other code
  }

  function listFiles(token) {
    return gapi.client.drive.files.list({
      'maxResults': sizeResults,
      'pageToken': token,
      'q': query
    });
  }

问题是，我的 while 循环运行速度太快，脚本每秒向 google API 发送的请求太多。因此，我想构建一个延迟请求的 sleep 功能。因此我也可以使用这个函数来延迟其他请求。如果有其他方法可以延迟请求，请告诉我。

无论如何，这是我的新代码，它不起作用。请求的响应在 setTimeout 内返回给匿名异步函数，但我只是不知道如何将响应返回给 sleep 函数 resp。到初始的 asyncGenerator 函数。

  async function asyncGenerator() {
    // other code
    while (goOn) {
      // other code
      var fileList = await sleep(listFiles, nextPageToken);
      var parents = await requestParents(fileList);
      // other code
    }
    // other code
  }

  function listFiles(token) {
    return gapi.client.drive.files.list({
      'maxResults': sizeResults,
      'pageToken': token,
      'q': query
    });
  }

  async function sleep(fn, par) {
    return await setTimeout(async function() {
      await fn(par);
    }, 3000, fn, par);
  }

我已经尝试了一些选项:将响应存储在全局变量中并从 sleep 函数中返回，在匿名函数中回调等。

Answer 1

您的 sleep 函数不起作用，因为 setTimeout 没有(还没有？)返回一个可以被 awaited 的 promise 。您需要手动 promise :

function timeout(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}
async function sleep(fn, ...args) {
    await timeout(3000);
    return fn(...args);
}

顺便说一句，为了减慢你的循环，你可能不想使用一个 sleep 函数，它接受一个回调并像这样推迟它。我推荐:

while (goOn) {
  // other code
  var [parents] = await Promise.all([
      listFiles(nextPageToken).then(requestParents),
      timeout(5000)
  ]);
  // other code
}

这让 parents 的计算至少需要 5 秒。