【JavaScript】インスタンスが入った変数に、新たなインスタンスを再代入するとおかしなことになる

Question

変数に格納されたインスタンスの取り換えを行いたいのですが
何故か新しいインスタンスを再代入した後も前のインスタンスが消えておらず
前のインスタンスと新しいインスタンスが同時に動き続けてしまいます
止めたはずのsetTimeoutも再代入したあと勝手に動き出しています

let trial;
let timeoutId;

class Trial {
  constructor() {
    this.time = 0;
    this.countTime();
  }
  
  countTime() {
    this.time++;
    console.log(this.time);
    if (this.time === 30) {
      clearTimeout(timeoutId); 
      trial = new Trial(); //新しいインスタンスに取り換え
    }
    timeoutId = setTimeout(this.countTime.bind(this), 100);
  }
}

trial = new Trial();
}

どうすればインスタンスを取り替えられるのかご教授お願いします

Answer 1

    if (this.time === 30) {
      clearTimeout(timeoutId); 
      trial = new Trial(); //新しいインスタンスに取り換え
    }
    timeoutId = setTimeout(this.countTime.bind(this), 100);

条件に当てはまっても、ifのブロックを抜けたあとのsetTimeoutは実行されます。

Comments

[flandre]

なるほど！初歩的なミスでした…回答ありがとうございます！