同步和非同步

標籤：console   綁定   使用   img   ajax   問題   png   分享圖片   17.   

區別： 會不會阻塞當前程式運行

什麼時候需要非同步：

（1）需要等待的時候，等待過程不能卡在這吧

（2）等待過程不像alert一樣阻塞程式運行

（3）等待的情況都要非同步

使用非同步情境：

（1）定時任務，setTimeout，setInterval

（2）網路請求： ajax請求，動態<img>載入

（3）事件綁定，點擊等互動事件

 

 

 

幾個問題：

1. 同步和非同步區別是什麼

   同步阻塞代碼運行，alert是同步，setTimeout是非同步

2. 一個setTimeout的例子

JS引擎掃描一遍，將事件按順序加入任務隊列，然後執行，此時注意setTimeout中的函數是在定時完成後才會排入佇列

所以剛開始隊列中 有 console.log(1),setTimeout(fn1,0),console.log(3),setTimeout(fn2,1000),console.log(5)

輸出1，執行setTimeout後，再過0ms將fn1加入到任務隊列尾部，此時隊列中有console.log(3),setTimeout(fn2,1000),console.log(5),fn1

再輸出3，執行setTimeout，過了1000ms將fn2加到任務隊列尾部，輸出5，再執行fn1，fn2

事件執行過程中的事件迴圈，JS引擎有個運行棧，不斷從任務隊列裡讀取任務運行，運行棧為空白，便檢查任務隊列，一直加入，迴圈往複，直至任務隊列也為空白

 

同步和非同步