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