让 promise 在返回前等待几秒钟

Posted 2023-02-22

【中文标题】让 promise 在返回前等待几秒钟

【英文标题】：let promise wait a couple of seconds before return

【发布时间】：2017-07-20 15:32:15

【问题描述】：

我有一个函数返回一个承诺。在这个函数中，我们调用第三方供应商通过他们的服务器发送一些推送通知。

看起来像

apiGetLoggedInUser.then(
  user => 
    return sendMessage(user.name);
  
)

但问题是我们决定等待 3 秒钟，然后才能真正调用此 sendMessage 函数。但是，我们不希望更改 sendMessage，因为它已提供。

我想知道如何在这种情况下真正执行“等待”部分，因为 promise 用于删除“同步”操作。

我理解正确吗？我该怎么办？

【问题讨论】：

你应该在创建 Promise 时这样做，并在稍后返回 Promise

您尝试过使用setTimeout 吗？如果您考虑这种方法，您可能需要一个回调来处理 3 秒后 sendMessage 的承诺返回。

【参考方案1】：

在链中插入另一个承诺来延迟下一个承诺：

apiGetLoggedInUser
    .then(user => 
        return new Promise(resolve => setTimeout(() => resolve(user), 3000));
    )
    .then(user => sendMessage(user.name))

【讨论】：

后续问题：这会阻塞主循环吗？如果是这样，有什么办法可以减轻？谢谢@deceze

不，这不会阻止。

它不阻塞的原因是因为 Promises 可以与内存中的 await 和 async 一起使用。

【参考方案2】：

简短版：

function wait(milliseconds) 
  return new Promise(resolve => setTimeout(resolve, milliseconds));

例子：

async function myFunc(user) 
  await wait(3000);

  sendMessage(user.name);

【讨论】：

单行： const wait = ms=>new Promise(r=>setTimeout(r,ms));

【参考方案3】：

一种不同的方法 - 如果您想在很多地方做这种事情，这很有用

这一步只做一次

Promise.prototype.thenWait = function thenWait(time) 
    return this.then(result => new Promise(resolve => setTimeout(resolve, time, result)));
;

然后你可以在任何地方使用它，就像你的例子中的这种用法

apiGetLoggedInUser.thenWait(3000).then(user => sendMessage(user.name));

【参考方案4】：

创建一个新的 Promise，它会在超时后调用 sendMessage。

apiGetLoggedInUser.then(
  user => 
    return new Promise((resolve, reject) => 
       setTimeout(() => 
          sendMessage(user.name).then(resolve, reject);
       , 3000)
    );
  
)