Discord.js awaitReaction 在 message.react 收集反应后链式承诺，因为承诺未解决

我正在玩message.react函数和awaitReactions https://discord.js.org/#/docs/main/stable/class/Message?scrollTo=awaitReactions功能，我注意到一些让我困扰的事情。

我试图确定是否应该使用收集器或client.on('messageReactionAdd')（这是另一个问题）以下方法：

1. 发送消息
2. 添加反应
3. 每次添加反应时执行某些操作（X秒）

所以我做了一个简单的例子来开始，有一个过滤器返回true每次，我都注意到收集器正在收集我的机器人添加到消息中的最后一个表情符号。这是代码

const emojiNext = '➡';
const emojiPrevious = '⬅';
const emojiClap = '????';

function filter(reaction) {
  console.log('reacted to: ', reaction.emoji.name);
  return true;
}
function sleep(ms, a){
  return new Promise(resolve=>{
    setTimeout(resolve,ms);
  }).then(d => a);
}

function sendList(channel){
  channel.send('foo')
  .then(msg => {
    console.log('First');
    return msg.react(emojiPrevious);
  })
  .then(msgReaction => {
    console.log('Second', msgReaction.message.reactions.keys());
    return msgReaction.message.react(emojiNext);
  })
  .then(msgReaction => {
    console.log('Third', msgReaction.message.reactions.keys());
    return msgReaction.message.react(emojiClap);
  })
  // .then(msgReaction =>{
  //   return sleep(100, msgReaction);
  // })
  .then(msgReaction => {
    console.log('Fourth',  msgReaction.message.reactions.keys());
    msgReaction.message.awaitReactions(filter, {max: 2, time: 1000, errors: ['time']})
    .then(collected => {
      console.log('ending', collected);
    })
    .catch(collected => {
      console.log(`After 5 sec, only ${collected.size} out of 2 reacted: ${collected.map((v,k) => k)}`);
    });
  });
}

Debug

这个例子比我做的第一个例子更成熟一些，因为我尝试了一些调试。

该示例发送一条消息，附加链式 Promise 3 表情符号，然后开始收集表情符号。 但是，如以下日志所示，收集了最后一个表情符号（我自己从未按过任何表情符号，并且我独自在我的服务器上）：

First
Second [Map Iterator] { '⬅' }
Third [Map Iterator] { '⬅', '➡' }
Fourth [Map Iterator] { '⬅', '➡', '????' }
reacted to:  ????
After 5 sec, only 1 out of 2 reacted: ????

But 有时（这取决于）它工作正常，日志如下：

First
Second [Map Iterator] { '⬅' }
Third [Map Iterator] { '⬅', '➡' }
Fourth [Map Iterator] { '⬅', '➡', '????' }
After 5 sec, only 0 out of 2 reacted: 

我最后在火车上进行了测试，网络不规则可能是原因。

所以我尝试了其他方法，我添加了 sleep 函数，它需要一定的毫秒数和一个值，并返回一个承诺，一旦经过毫秒数后解析，它将返回该值。 （取消注释第 3 行以进行此调试）。 这样收集者就永远不会收集到最后一个表情符号。

我也试图回报之前的承诺then与收集器（let res = await channel.send...），然后执行其余代码。我还保留着最后收集的表情符号。

我知道我可以使用过滤器来忽略机器人或表情符号，而只关注用户的表情符号（请参阅下面的代码），但我想知道是什么导致了这种行为。难道是我做错了什么？关于 Promise 有什么我不明白的地方吗？

function filter(reaction, user) {
  if(user.id === client.user.id) { return false; } // or user.bot to ignore all bot
  console.log('reacted to: ', reaction.emoji.name);
  return true;
}

在我看来，在调试中看到收集器在记录所有内容后做出反应后，我认为正在解决的 Promise 和 Discord 将信息发送到收集器/回调是不同的，但这只是一个猜测

note:
Node.js版本：v11.15.0
Discord.js 版本：v11.5.1

这是由于两者之间的分离REST API和Gateway与 Discord 互动时。

在后台，message.react导致discord.js 向Discord 的REST API 发出请求 - Discord 将接收该请求、处理它并返回响应，这会导致由message.react解决或拒绝。

但是，当您监听反应时，它根本不是在监听 REST API，而是在监听网关事件- 这些很大程度上是导致诸如此类事件的原因client.on('messageReactionAdd')在客户端上发出。

当您收到来自不和谐的回复，表示您的反应已成功发布时，不和谐不一定已完成发送messageReactionAdd活动以了解您对所有客户端（包括您的机器人）的反应！它might有，但也可能没有。然而，您在收到 API 响应后立即开始监听来自网关的反应。这就是所谓的竞争条件- Discord 负责 REST API 的服务器正在与负责网关的服务器竞争，看谁会先将该信息发送给您的机器人。

这不是您可以合理避免的事情，因为您绝对无法知道网关何时会赶上事件并向您的机器人发送自己的反应 - 因此您在这里应该做的是考虑过滤器中的竞争条件，正如您在问题中所承认的那样。另一种解决方案可能涉及添加反应事件侦听器，并且仅在侦听器检测到机器人的反应已通过网关后才开始侦听新反应，但对于这种特定情况来说，这不太干净。

顺便说一句，我强烈建议使用async/await而不是那些丑陋且难以阅读的承诺链。您的代码可以简化为：

async function sendList(channel){
  let msg = await channel.send('foo');
  console.log('First');
  let msgReaction = await msg.react(emojiPrevious);
  console.log('Second', msgReaction.message.reactions.keys());
  msgReaction = await msg.react(emojiNext);
  console.log('Third', msgReaction.message.reactions.keys());
  msgReaction = await msg.react(emojiClap);
  console.log('Fourth',  msgReaction.message.reactions.keys());
  try {
    let collected = await msgReaction.message.awaitReactions(filter, {max: 2, time: 1000, errors: ['time']})
    console.log('ending', collected);
  } catch(partialCollection) {
    console.log(`After 5 sec, only ${partialCollection.size} out of 2 reacted: ${partialCollection.map((v,k) => k)}`);
  }
}

应该与您当前的代码完全相同，但在我看来更具可读性。