async函数+ await + setTimeout的组合

问题描述 投票:167回答:5

我正在尝试使用新的异步功能,我希望解决我的问题将来会帮助其他人。这是我正在运行的代码:

  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发送太多请求。因此,我想建立一个延迟请求的睡眠功能。因此我也可以使用此函数来延迟其他请求。如果有其他方式延迟请求,请告诉我。

无论如何,这是我的新代码不起作用。请求的响应返回到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函数返回它,在匿名函数中回调等等。

javascript async-await settimeout ecmascript-2017
5个回答
412
投票

你的sleep函数不起作用,因为setTimeout没有(但是?)返回一个可能是awaited的承诺。您需要手动宣传它:

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秒钟。


95
投票

从Node 7.6开始,您可以将utils模块中的promisify函数与setTimeout()结合起来。

Node.js

const sleep = require('util').promisify(setTimeout)

Javascript

const sleep = m => new Promise(r => setTimeout(r, m))

用法

(async () => {
    console.time("Slept for")
    await sleep(3000)
    console.timeEnd("Slept for")
})()

45
投票

快速的单线,内联方式

 await new Promise(resolve => setTimeout(resolve, 1000));

25
投票

setTimeout不是async函数,所以你不能在ES7 async-await中使用它。但你可以使用ES6 sleep实现你的Promise函数:

function sleep (fn, par) {
  return new Promise((resolve) => {
    // wait 3s before calling fn(par)
    setTimeout(() => resolve(fn(par)), 3000)
  })
}

然后你就可以使用这个新的sleep函数和ES7 async-await:

var fileList = await sleep(listFiles, nextPageToken)

请注意,我只回答你关于将ES7异步/等待与setTimeout结合的问题,尽管它可能无法帮助解决每秒发送过多请求的问题。


更新:现代node.js版本具有buid-in异步超时实现,可通过util.promisify帮助程序访问:

const {promisify} = require('util');
const setTimeoutAsync = promisify(setTimeout);

1
投票

如果你想使用与setTimeout相同的语法,你可以编写一个这样的辅助函数:

const setAsyncTimeout = (cb, timeout = 0) => new Promise(resolve => {
    setTimeout(() => {
        cb();
        resolve();
    }, timeout);
});

然后你可以像这样调用它:

const doStuffAsync = async () => {
    await setAsyncTimeout(() => {
        // Do stuff
    }, 1000);

    await setAsyncTimeout(() => {
        // Do more stuff
    }, 500);

    await setAsyncTimeout(() => {
        // Do even more stuff
    }, 2000);
};

doStuffAsync();

我做了一个要点:https://gist.github.com/DaveBitter/f44889a2a52ad16b6a5129c39444bb57


0
投票

以下代码适用于Chrome和Firefox以及其他浏览器。

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

但在Internet Explorer中,我得到了"(resolve **=>** setTimeout..."的语法错误


0
投票

这是一个更快的单线程修复。

希望这会有所帮助。

// WAIT FOR 200 MILISECONDS TO GET DATA //
await setTimeout(()=>{}, 200);
© www.soinside.com 2019 - 2024. All rights reserved.