这是在一行程序中快速修复的方法。

希望这能有所帮助。

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

如何一次记录所有的响应?

async function sayHello(name) {
  let greet = `Hey! ${name} very nice to meet you bud.`;
  setTimeout(() => {
    return {
      greet,
      createdAt: new Date(),
    };
  }, 1000);
}

const response1 = async () => await sayHello("sounish");
const response2 = async () => await sayHello("alex");
const response3 = async () => await sayHello("bill");

async function getData() {
  const data1 = await sayHello("sounish");
  const data2 = await sayHello("alex");
  const data3 = await sayHello("bill");
  return { data1, data2, data3 };
}

Promise.all([sayHello("sounish"), sayHello("alex"), sayHello("bill")]).then(
  (allResponses) => {
    console.log({ allResponses });
  }
);

getData().then((allData) => {
  console.log({ allData });
});

从戴夫的回答中得到灵感，做了一个util

基本上传递了一个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);
}

我想指出Promise.all的一个强大扩展。一个相当优雅的解决方案是让一个promise只有时间限制(例如new promise ((resolve) => setTimeout(resolve, timeout)))。

await new Promise.race([myPromise, timeoutPromise])

一旦一个承诺完成，就会继续。myPromise可以在内部等待不同的超时，或者简单地使用Promise.all

const timeout = ms => new Promise((resolve) => setTimeout(resolve, ms));
await Promise.race([
    Promise.all([myPromise, timeout(500)]),
    timeout(5000)
]);

结果是异步调用的运行频率不会超过每秒两次，在出现某些(网络/服务器?)错误时，超时时间为5秒。

此外，您可以使这个非常通用和可定制的函数如下:

function callWithTimeout(promise, msTimeout=5000, throws=false) {
    const timeout = ms => new Promise((resolve, reject) =>
        setTimeout(throws ? reject : resolve, ms));
    await Promise.race([
        //depends whether you want to wait there or just pass the promise itself
        Promise.all([promise, timeout(500)]), 
        timeout(msTimeout)
    ]);
}
    

它最终允许您自定义超时时间以及承诺是否应该成功或在超时时抛出。拥有这样健壮的通用实现可以在将来为您省去很多麻烦。你也可以在抛出时设置一个字符串而不是布尔值，并将这个变量绑定到用于自定义错误消息的reject: reject。bind(未定义,抛出)

注意，你不应该守口如瓶。

const myPromise = async x => x;
//will never time out and not because myPromise will finish immediatelly
callWithTimeout(await myPromise(), 200, true); 
//will possibly timeout after 200 ms with an exception 
callWithTimeout(myPromise(), 200, true); 

有了标记的答案，我有一个lint错误[no-promise-executor-return]，所以我在这里找到了更正的版本，使用花括号，以便明确不返回任何东西的意图:

const timeout = (ms) =>
  new Promise(resolve => {
    setTimeout(resolve, ms)
  })

如果你想使用与setTimeout相同的语法，你可以写一个这样的helper函数:

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