vue中,我在mounted和activated中都寫了
this.timerObj = setInterval(() => {
this.increaseReadTime(10);
}, 3000);
然后在deactivated和destroyed中都寫了
clearInterval(this.timerObj);
this.timerObj = null;
??結(jié)果這個(gè)代碼出現(xiàn)一個(gè)問題,回到上一頁后,定時(shí)器還在運(yùn)行
??研究了一會(huì)兒,發(fā)現(xiàn)這個(gè)setInterval執(zhí)行了兩次,導(dǎo)致往事件隊(duì)列中塞入了兩次setInterval函數(shù),此時(shí)this.timerObj只指向其中一個(gè),清除時(shí)也只能清除一個(gè),并且在JavaScript中,定時(shí)器(由 setInterval 或 setTimeout 創(chuàng)建)不會(huì)被垃圾回收,即使沒有對(duì)它們的引用。就導(dǎo)致另一個(gè)定時(shí)器仍然在事件隊(duì)列中執(zhí)行。