一個(gè)變量被賦值兩個(gè)相同定時(shí)器導(dǎo)致的bug

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í)行。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容