setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式。
看到這樣一個說明,我們明白了它就是一個定時器,我們設定的函數就是一個"鬧鐘",時間到了它就會去執行
<script>
alert(1);
setTimeout("alert(2)", 0);
alert(3);
</script>
如果settimeout(0)會立即執行,那么這里的執行結果就應該是1->2>3 . 然而實際的結果卻是1->3->2. 這說明了settimeout(0)并不是立即執行
引擎單線程執行的,它是基于事件驅動的語言.它的執行順序是遵循一個叫做事件隊列的機制.從圖中我們可以看出,瀏覽器有各種各樣的線程,比如事件觸發器,網絡請求,定時器等等.線程的聯系都是基于事件的.js引擎處理到與其他線程相關的代碼,就會分發給其他線程,他們處理完之后,需要js引擎計算時就是在事件隊列里面添加一個任務. 這個過程中,js并不會阻塞代碼等待其他線程執行完畢,而且其他線程執行完畢后添加事件任務告訴js引擎執行相關操作.這就是js的異步編程模型.
如此我們再回過頭來看settimeout(0)就會恍然大悟.js代碼執行到這里時,會開啟一個定時器線程,然后繼續執行下面的代碼.該線程會在指定時間后往事件隊列里面插入一個任務.由此可知settimeout(0)里面的操作會放在所有主線程任務之后. 這也就解釋了為什么第一個實驗結果是1->3-2
當一個事件被觸發時該線程會把事件添加到待處理隊列的隊尾，等待JS引擎的處理。這些事件可來自JavaScript引擎當前執行的代碼塊如setTimeOut、也可來自瀏覽器內核的其他線程如鼠標點擊、AJAX異步請求等，但由于JS的單線程關系所有這些事件都得排隊等待JS引擎處理。
