同步和異步

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

何時須要異步：

（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引擎有個運行棧，不斷從任務隊列裏讀取任務運行，運行棧爲空，便檢查任務隊列，一直加入，循環往復，直至任務隊列也爲空