Javascript - 承诺

Question

您好，我的代码需要帮助。 我对 Promises 不是很熟悉。 我创建了一个名为 EmitRandomNumber() 的 function。 在这个function中，经过整整2秒（2000毫秒），它会产生一个0到100之间的随机数。如果产生的随机数低于80，我需要再次调用那个function，最多10次，直到产生随机数大于 80。

 let attempt = 1; let rN; function EmitRandomNumber() { return new Promise((resolve, reject)=> { console.log(`Attempt #${attempt}. EmitRandomNumber is called.`); setTimeout(()=>{ let randomNumber = Math.floor(Math.random() * 100) + 1; rN = randomNumber; console.log("2 seconds have passed."); if(randomNumber>=80&&attempt<=10){ console.log(randomNumber,attempt); resolve(); }else if(randomNumber<80&&attempt<=10){ attempt++; console.log(`Random number generated is ${randomNumber}.`); console.log("==============================="); EmitRandomNumber(); } },2000); }); } let promise = EmitRandomNumber(); promise.then(()=>{ console.log(`Random number generated is ${rN};.;.`). console;log("==============================="); }).catch(()=>{ console.log("End"); });

我不知道我是否正确使用了 promise，有时当它高于 80 时，它不会执行解析中的任何代码。 你能帮我解决我的代码吗？ 谢谢！

Answer 1

所以代码大部分都很好，你只是没有指定何时“拒绝”promise。 根据您的描述，如果 promise 在 10 次尝试后找不到数字，您希望它“拒绝”（或显示 console.log('End')）。 所以你只需要添加一个条件（如果尝试===10）等。

编辑：需要返回解决和拒绝。

let attempt = 1;
let rN; 
function EmitRandomNumber() {
    return new Promise((resolve, reject)=> {
        console.log(`Attempt #${attempt}. EmitRandomNumber is called.`);
        setTimeout(()=>{
            let randomNumber = Math.floor(Math.random() * 100) + 1;
            rN = randomNumber;
            console.log("2 seconds have passed.");
            if(randomNumber>=80&&attempt<=10){
                console.log(randomNumber,attempt);
                return resolve();
            }else if(randomNumber<80&&attempt<=10){
                attempt++;
                console.log(`Random number generated is ${randomNumber}.`);
                console.log("===============================");
                EmitRandomNumber();
//CHECK FOR CONDITION NUMBER OF ATTEMPTS
            } else if(attempt>10){
                 return reject();
            }
        },2000);
    });
  }


let promise = EmitRandomNumber();

promise.then(()=>{
    console.log(`Random number generated is ${rN}!!!!`);
    console.log("===============================");
}).catch(()=>{
    console.log("End");
});

Answer 2

使用异步函数和等待可能更容易阅读和推理。 例如：

const MAX_TRIES = 10;

const sleep = (ms) => {
    return new Promise(resolve => setTimeout(resolve, ms));
}

const getRandomNumber = () => {
    return Math.floor(Math.random() * 100) + 1;
}

const getNumberWaitAndReturn = async () => {
    let rN = getRandomNumber();
    let attempt = 1;

    while (rN < 80 && attempt <= MAX_TRIES) {
        await sleep(2000);
        rN = getRandomNumber();
        attempt += 1;
    }

    if (attempt > MAX_TRIES) {
        console.log(attempt)
        throw new Error("No luck! It took more than 10 tries!")
    }

    return {
        rN,
        attempt
    }
}

const result = getNumberWaitAndReturn().then(v => {
    console.log(v)
});

Answer 3

你做得很好，你只需要更多的练习才能做得更好，我强烈建议你开始使用闭包，而不是像在代码中那样声明全局变量。

在告诉你如何解决这个问题之前，我会告诉你这是错误，你的 function 只有在第一次执行时会产生一个大于 80 的随机数，否则 function 将永远无法解决，为什么? 那是因为每次您将EmitRandomNumber()调用到 function 本身时，您都在创建一个new Promise引用，因此您创建的第一个永远不会被处理，因为您创建了一个新的引用 ZB321DE3BDC299EC807E9F795D 句柄，因为它是新的引用，在 function 本身内部调用，没有人在做 .then .then(...) 。

那么如何解决这个问题呢？ 首先，您需要创建一个闭包来创建它。

const emitRandomNumber = () => {
  const MAX_ATTEMPTS = 10;
  const MS_START_TIME = 2000;
  const MINIMUM_NUMBER = 80;
  const MAXIMUM_NUMBER = 100;
  let attempts = 0;
  const randomNumber = (max) => Math.floor(Math.random() * max);
  return new Promise((resolve, reject) => {
    const startRandomNumber = () => {
      attempts++;
      const number = randomNumber(MAXIMUM_NUMBER);
      if (number < MINIMUM_NUMBER && attempts <= MAX_ATTEMPTS) {
        return setTimeout(startRandomNumber, MS_START_TIME);
      }
      if (number < MINIMUM_NUMBER && attempts > MAX_ATTEMPTS) {
        return reject();
      }
      resolve(number);
    };
    setTimeout(startRandomNumber, MS_START_TIME);
  });
}

As you can see we are using closure to create function inside function body, so the only function that we call again it's the startRandomNumber function, so this won't generate new promise instances, instead we are keeping the same promise reference and we just execute随机数 function 直到我们尝试。