Как вернуть значение из setTimeout внутри setInterval?

Question

[Dmitriy]

export function fight(firstFighter, secondFighter) {
// Обьявление переменных
let promise = new Promise(function(resolve, reject){
        let intervalId = setInterval(winner = function(){
            let timeout1 = setTimeout(function () {
                damage = getDamage(firstFighter, secondFighter);
                if (damage > 0) {
                    console.log(secondFighterHealth + "-" + damage);
                    secondFighterHealth -= damage;
                } else {
                    console.log('Второй блокировал удар первого!');
                }

                if (secondFighterHealth <= 0) {
                    window.winner = firstFighter;
                    clearInterval(intervalId);
                    resolve(winner);
                    clearTimeout(timeout2);

                }
                console.log('Second Health: ' + secondFighterHealth);
                console.log('PAUSE!');
            }, 250);


            let timeout2 = setTimeout(function(){
                damage = getDamage(secondFighter, firstFighter);
                if (damage > 0) {
                    console.log(firstFighterHealth + "-" + damage);
                    firstFighterHealth -= damage;
                } else {
                    console.log('Первый блокировал удар второго!');
                }

                if (firstFighterHealth <= 0) {
                    window.winner = secondFighter;
                    clearInterval(intervalId);
                    resolve(winner);
                    clearTimeout(timeout1);
                }
                console.log('First Health: ' + firstFighterHealth);
                console.log('PAUSE!');
            }, 500);
        }, 750);
    });
    promise.then(function(){
       console.log(window.winner.name);
    });
}

Вызов fight?

const winner = fight(...selectedFighters.values());
showWinnerModal(winner);

Как достать значение winner?

Answer 1

[Владимир]

Очевидно же, обернуть setInterval в промис и кинуть результат в resolve
При этом в твоем коде нужно чистить не только clearInterval но и clearTimeout, даже если второй игрок умрет тоже то с промисом ты это не отследишь, resolve выаолняется только один раз. Поэтому если один игрок умер, нет смысла ждать завершения второго setTimeout, не вижу вообще смысла разносить это в разные setTimeout если первый всегда бьет первым

Не понял только зачем дублировать вопрос слегка изменив код.

Comments

[Dmitriy]

Мне надо пауза между ударами

[Владимир]

dmitriyuvin, Принято, но чистить setTimeout все равно нужно, мертвый противник не может сделать удар, ну или запускать второй setTimeout внутри первого, после вычичления урона, если он не отрицательный.

[Dmitriy]

Я не понял как обернуть.

let promise = new Promise(function(resolve, reject){
        let intervalId = setInterval(winner = function(){
            setTimeout(function () {
                damage = getDamage(firstFighter, secondFighter);
                if (damage > 0) {
                    console.log(secondFighterHealth + "-" + damage);
                    secondFighterHealth -= damage;
                } else {
                    console.log('Второй блокировал удар первого!');
                }

                if (secondFighterHealth <= 0) {
                    winner = firstFighter;
                    clearInterval(intervalId);
                    resolve(firstFighter);
                }
                console.log('Second Health: ' + secondFighterHealth);
                console.log('PAUSE!');
            }, 250);


            setTimeout(function(){
                damage = getDamage(secondFighter, firstFighter);
                if (damage > 0) {
                    console.log(firstFighterHealth + "-" + damage);
                    firstFighterHealth -= damage;
                } else {
                    console.log('Первый блокировал удар второго!');
                }

                if (firstFighterHealth <= 0) {
                    winner = secondFighter;
                    clearInterval(intervalId);
                    resolve(winner);
                }
                console.log('First Health: ' + firstFighterHealth);
                console.log('PAUSE!');
            }, 500);
        }, 750);
    });
    promise.then(function(winner){
       return winner;
    });

[Владимир]

let getDamage = function(first, second, health) {
  const damage = Math.random() * 10 - 5;
  console.log("result", damage)
  if (damage < 0) {
    console.log(`The player ${second.name} has blocked strike`)
  }
  return health -= (damage > 0) ? damage : 0
}

let firstFighter = {
  name: "First"
}
let secondFighter = {
  name: "Second"
}
let secondFighterHealth = 10;
let firstFighterHealth = 10;

let promise = new Promise(function(resolve, reject) {
  let intervalId = setInterval(function() {

    let timeoutId1 = setTimeout(function() {
      secondFighterHealth = getDamage(firstFighter, secondFighter, secondFighterHealth);
      if (secondFighterHealth <= 0) {
        clearInterval(intervalId);
        clearTimeout(timeoutId2);
        resolve(firstFighter);
      }

      console.log('Second Health: ' + secondFighterHealth);
      console.log('PAUSE!');
    }, 250);


    let timeoutId2 = setTimeout(function() {
      firstFighterHealth = getDamage(secondFighter, firstFighter, firstFighterHealth);
      if (firstFighterHealth <= 0) {
        clearInterval(intervalId);
        clearTimeout(timeoutId1);
        resolve(secondFighter);
      }

      console.log('First Health: ' + firstFighterHealth);
      console.log('PAUSE!');
    }, 500);
  }, 750);
});

promise.then(function(winner) {
  console.log("Winner", winner);
});