我在异步函数中使用 Promises 是否正确？

Question

我终于尝试掌握 Promises，这是 JavaScript 的更新和更神秘的角落之一。以下是我在技术测试中遇到的一个问题，似乎触及了我对 Promises 的不理解的核心。

问题如下：

• 您有一个名为Service 的预定义类，具有以下方法：
  • generate() - 生成 0 到 100 之间的随机数。
  • guess(yourGuess) - 对随机数进行给定的猜测，并返回一个 Promise。这个 Promise 又会在 100 毫秒 内做两件事之一：
    • 如果猜测正确，则 Promise 将被解析，与该 Promise 对应的猜测作为其第一个参数。
    • 如果猜测不正确，Promise 将被拒绝。
  • submit(yourGuess) - 提交您认为正确的猜测。
• 您必须编写一个异步函数main()，它将：
  • 使用Service 对象生成一个随机数。
  • 在 400 毫秒内提交对同一对象的正确猜测。
  • 必须捕获任何被拒绝的 Promise。

这是我的代码：

const MAX_NUMBER = 100;

async function main()
{
    const service = new Service();
    let guessInPromise;

    service.generate();

    for(let i = 0; i <= MAX_NUMBER; i++)
    {
        service.guess(i)
            .then(guessInPromise => service.submit(guessInPromise));
            .catch(err => console.log(err));
    }

    return service;
}

我的代码能完成工作吗？我对 Promise 和异步函数有什么明显误解吗？

Answer 1

根据您的要求，我假设任务是以某种方式在 400 毫秒内猜出正确答案，而每次猜测需要 100 毫秒。这里一个非常简单的解决方案是并行进行所有猜测，然后只等待第一个被解决。

这会起作用，因为 Service.guess 被描述为仅解决它返回的有效猜测的承诺（其他人将被拒绝）。

这里很有帮助：Promise.any

举个例子：

// very simple mock implementation for the described Service class
class Service
{
  value = null;

  generate() {
    this.value = Math.floor(Math.random() * 101);
  }

  guess(yourGuess) {
    return new Promise(((resolve, reject) => {
      setTimeout(() => {
          yourGuess === this.value ? resolve(yourGuess) : reject()
      }, 100);
    }));
  }

  submit(yourGuess) {
    return yourGuess === this.value;
  }
}

const MAX_NUMBER = 100;

(async function main() {
  const service = new Service();

  service.generate();

  try {
    // await first resolved guess
    const assumedCorrect = await Promise.any(
      // map 0 ... 100 to service.guess(...)
      Array.from({length: MAX_NUMBER + 1}).map((_, i) => service.guess(i))
    );

    console.log(
      assumedCorrect,
      service.submit(assumedCorrect)
    );
  }
  catch {
    console.log('No guess was correct... :(');
  }
})();