摘要:鏈式調用的模式下面是實現定時器清除以后回調定時器的一段偽代碼看一段實例函數實現數字從增加到,每增加一次在控制臺打印一次。結束以后可以立即執行回調函數。
在《JavaScript高級程序設計》一書中,列舉了兩條setInterval()的缺點:
某些間隔會被跳過;
多個定時器的代碼執行之間的間隔可能會比預期的小。
書中給出了替代方案:鏈式調用setTimeout()。所以我現在更傾向于使用setTimeout()。
鏈式調用setTimeout()的模式:
setTimeout(function(){ //todo setTimeout(arguments.callee, delay); }, delay);
下面是實現定時器清除以后回調定時器的一段偽代碼:
function callbackTimer(..., fn) { return function() { setTimeout(function() { if (...) { //todo setTimeout(arguments.callee, delay); } else if (fn instanceof Function) { fn(); fn = null; } }, delay) }; }
看一段實例:count函數實現數字從min增加到max,每增加一次在控制臺打印一次。結束以后可以立即執行回調函數。
function count(min, max, delay, fn) { return function() { setTimeout(function() { if (min <= max) { console.log(min++); setTimeout(arguments.callee, delay); } else if (fn instanceof Function) { fn(); fn = null; } }, delay); }; } var count2 = count(11, 20, 500); var count1 = count(1, 10, 200, count2); count1();
在控制臺內先以0.2s一次的頻率打印1~10,之后再以0.5s一次的頻率打印11~20。
轉載請注明出處:https://segmentfault.com/a/1190000004639491
文章不定期更新完善,如果能對你有一點點啟發,我將不勝榮幸。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78949.html
摘要:當間隔時間設置較小時,將會導致回調函數堆積。處理可能阻塞的代碼最簡單且最可控的方式就是在回調函數內部使用函數。但是很明顯,由于指定最大值的限制,還會有定時器沒有被清除掉。另外,盡量避免使用函數,從而避免可能導致的回調函數堆積現象。 由于 Javascript 是異步的,因此我們可以通過 setTimeout 和 setInterval 函數來指定特定時間執行代碼。 function ...
摘要:打開一個網頁,看到服務器返回給客戶端瀏覽器的各種文件類型圖片構建瀏覽器會遵守一套步驟將文件轉換為樹。因為瀏覽器有渲染線程與引擎線程,為了防止渲染出現不可預期的結果,這兩個線程是互斥的關系。 1. 瀏覽器架構 用戶界面 主進程 內核 渲染引擎 JS 引擎 執行棧 事件觸發線程 消息隊列 微任務 宏任務 網絡異步線程 定時器線程 2. 從輸入 url 到頁面展示...
摘要:如果一個即時定時器是被一個正在執行的回調排入隊列的,則該定時器直到下一次事件循環迭代才會被觸發。參數描述在事件循環的當前回合結束時要調用的函數。事件輪詢隨后的調用,會在任何事件包括定時器之前運行。 系列文章 Nodejs高性能原理(上) --- 異步非阻塞事件驅動模型Nodejs高性能原理(下) --- 事件循環詳解 前言 終于開始我nodejs的博客生涯了,先從基本的原理講起.以前寫...
摘要:還是老規矩,從易到難吧傳統的定時器,異步編程等。分配對象時,先是在空間中進行分配。內存泄漏內存泄漏是指程序中己動態分配的堆內存由于某種原因程序未釋放或無法釋放,造成系統內存的浪費,導致程序運行速度減慢甚至系統崩潰等嚴重后果。 showImg(https://segmentfault.com/img/bVbwkad?w=1286&h=876); 網上參差不棄的面試題,本文由淺入深,讓你在...
摘要:還是老規矩,從易到難吧傳統的定時器,異步編程等。分配對象時,先是在空間中進行分配。內存泄漏內存泄漏是指程序中己動態分配的堆內存由于某種原因程序未釋放或無法釋放,造成系統內存的浪費,導致程序運行速度減慢甚至系統崩潰等嚴重后果。 showImg(https://segmentfault.com/img/bVbwkad?w=1286&h=876); 網上參差不棄的面試題,本文由淺入深,讓你在...
閱讀 917·2021-11-08 13:22
閱讀 2841·2021-09-29 09:45
閱讀 2824·2021-09-09 11:52
閱讀 2257·2019-08-30 13:20
閱讀 3740·2019-08-29 13:28
閱讀 1356·2019-08-29 12:32
閱讀 2720·2019-08-29 11:10
閱讀 1644·2019-08-26 13:34