异步函数+ await + setTimeout

时间:2015-10-22 20:04:42

标签: javascript async-await settimeout ecmascript-2017

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

  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函数返回,在匿名函数中回调等等。

13 个答案:

答案 0 :(得分:368)

您的sleep功能不起作用,因为setTimeout没有(但是?)返回可能await的承诺。您需要手动宣传:

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

答案 1 :(得分:82)

自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")
})()

一个班轮

await new Promise(r => setTimeout(r, 1000))

答案 2 :(得分:34)

快速的单线内联方式

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

答案 3 :(得分:24)

setTimeout不是async函数,因此您无法将其与ES7 async-await一起使用。但您可以使用ES6 Promise实现sleep功能:

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

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

var fileList = await sleep(listFiles, nextPageToken)

请注意我只回答您关于将ES7 async / await与setTimeout结合使用的问题,但它可能无法解决您每秒发送过多请求的问题。

答案 4 :(得分:2)

这是我在2020年在AWS Labdas中使用nodejs的版本

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

async function f1 (some){
...
}

async function f2 (thing){
...
}

module.exports.someFunction = async event => {
    ...
    await f1(some)
    await sleep(5000)
    await f2(thing)
    ...
}

答案 5 :(得分:2)

更新2020

您可以await setTimeout使用Node.js 15或更高版本:

const timersPromises = require('timers/promises');

(async () => {
  const result = await timersPromises.setTimeout(2000, 'resolved')
  // Executed after 2 seconds
  console.log(result); // "resolved"
})()

Timers Promises API:https://nodejs.org/api/timers.html#timers_timers_promises_api(Node中已内置库)


注意:Stability: 1-在生产环境中不推荐使用

答案 6 :(得分: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

答案 7 :(得分:1)

await setTimeout(()=>{}, 200);

如果您的Node版本为15及更高版本,则可以使用。

答案 8 :(得分: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..."

的语法错误

答案 9 :(得分:0)

var testAwait = function () {
    var promise = new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('Inside test await');
        }, 1000);
    });
    return promise;
}

var asyncFunction = async function() {
    await testAwait().then((data) => {
        console.log(data);
    })
    return 'hello asyncFunction';
}

asyncFunction().then((data) => {
    console.log(data);
});

//Inside test await
//hello asyncFunction

答案 10 :(得分:0)

制作了一个受Daveanswer启发的实用程序

在操作完成时基本传递done回调以进行调用。

// Function to timeout if a request is taking too long
const setAsyncTimeout = (cb, timeout = 0) => new Promise((resolve, reject) => {
  cb(resolve);
  setTimeout(() => reject('Request is taking too long to response'), timeout);
});

这是我的用法:

try {
  await setAsyncTimeout(async done => {
    const requestOne = await someService.post(configs);
    const requestTwo = await someService.get(configs);
    const requestThree = await someService.post(configs);
    done();
  }, 5000); // 5 seconds max for this set of operations
}
catch (err) {
  console.error('[Timeout] Unable to complete the operation.', err);
}

答案 11 :(得分:0)

await new Promise(resolve => setTimeout(() => { resolve({ data: 'your return data'}) }, 1000))

答案 12 :(得分:-3)

这是一种更快的单线修复。

希望这会有所帮助。

// WAIT FOR 200 MILISECONDS TO GET DATA //
await setTimeout(()=>{}, 200);