摘要:網上關于中的文章很多,但總感覺例子不夠直接具體,因此寫了個簡單的例子并加以解釋希望能讓大家明白是如何執行的。
網上關于JavaScript中setTimeout的文章很多,但總感覺例子不夠直接具體,因此寫了個簡單的例子并加以解釋希望能讓大家明白setTimeout是如何執行的。
實例代碼如下:
var time1=new Date().getTime(); console.log(1,time1); setTimeout(function(){ var time4=new Date().getTime(); console.log(4,time4); for(var a=0;a<10000000000;a++){ a=a+1; } var time2=new Date().getTime(); console.log(2,time2); },2000); setTimeout(function(){ var time3=new Date().getTime(); console.log(3,time3); },1000); setTimeout(function(){ var time5=new Date().getTime(); console.log(5,time5); },3000); setTimeout(function(){ var time6=new Date().getTime(); console.log(6,time6); },14000);
代碼十分簡單,想必大家都能看懂,執行結果如下:
解釋:setTimeout屬于異步執行函數,當程序執行完console.log(1,time1)后;遇到setTimeout會將該函數放入等待隊列,等待當前主程序執行完畢后開始執行setTimeout,由于后面的幾個都是setTimeout,因此都會放到等待隊列~~~
那么這些隊列里的函數誰先執行呢?就是根據setTimeout里的第二個參數(延遲時間)決定的,例如 setTimeout(function(){ var time3=new Date().getTime(); console.log(3,time3); },1000);
那么主程序執行完成以后的1000ms后就會執行這段代碼,如果延遲時間為2000,那么主程序執行完成后2000ms就會執行這段代碼,只需記住一點:延遲時間始終是相對主程序執行完畢的那個時間算的 ,并且多個setTimeout的先后順序也是由這個延遲時間決定的,如果遇到某個setTimeout需要花費大量的時間怎么辦?可以參照上圖里執行結果的數字2和數字5對應的時間,由于js是單線程,所以當執行到這個setTimeout后,會將這個程序執行完成后再去執行下一個setTimeout,無論下一個setTimeout的延遲時間為多少,如果這兩個setTimeout時間的差值小于第一個setTimeout消耗的時間,程序會等待這個setTimeout執行完成后立即執行下一個setTimeout,如果差值大于消耗的時間,就按照和主程序約定的延遲(setTimeout里的第二個參數)執行即可
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/83940.html
摘要:同步異步回調傻傻分不清楚。分割線上面主要講了同步和回調執行順序的問題,接著我就舉一個包含同步異步回調的例子。同步優先回調內部有個,第二個是一個回調回調墊底。異步也,輪到回調的孩子們回調,出來執行了。 同步、異步、回調?傻傻分不清楚。 大家注意了,教大家一道口訣: 同步優先、異步靠邊、回調墊底(讀起來不順) 用公式表達就是: 同步 => 異步 => 回調 這口訣有什么用呢?用來對付面試的...
摘要:同步異步回調傻傻分不清楚。分割線上面主要講了同步和回調執行順序的問題,接著我就舉一個包含同步異步回調的例子。同步優先回調內部有個,第二個是一個回調回調墊底。異步也,輪到回調的孩子們回調,出來執行了。 同步、異步、回調?傻傻分不清楚。 大家注意了,教大家一道口訣: 同步優先、異步靠邊、回調墊底(讀起來不順) 用公式表達就是: 同步 => 異步 => 回調 這口訣有什么用呢?用來對付面試的...
摘要:順序執行異步函數異步為帶來非阻塞等優勢的同時,同時也在一些場景下帶了不便,如順序執行異步函數,下面總結了一些常用的方法。 火于異步 1995年,當時最流行的瀏覽器——網景中開始運行 JavaScript (最初稱為 LiveScript)。 1996年,微軟發布了 JScript 兼容 JavaScript。隨著網景、微軟競爭而不斷的技術更新,在 2000年前后,JavaScript ...
摘要:版本以及之前,本身還沒有異步執行代碼的能力,宿主環境傳遞給引擎,然后按順序執行,由宿主發起任務。采納引擎術語,把宿主發起的任務稱為宏觀任務,把引擎發起的任務稱為微觀任務。基本用法示例的回調是一個異步的執行過程。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的...
摘要:版本以及之前,本身還沒有異步執行代碼的能力,宿主環境傳遞給引擎,然后按順序執行,由宿主發起任務。采納引擎術語,把宿主發起的任務稱為宏觀任務,把引擎發起的任務稱為微觀任務。基本用法示例的回調是一個異步的執行過程。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的...
閱讀 3362·2021-11-25 09:43
閱讀 3153·2021-10-11 10:58
閱讀 2761·2021-09-27 13:59
閱讀 3088·2021-09-24 09:55
閱讀 2181·2019-08-30 15:52
閱讀 1842·2019-08-30 14:03
閱讀 2268·2019-08-30 11:11
閱讀 2034·2019-08-28 18:12