區別: 會不會阻塞當前程序運行
什么時候需要異步:
(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引擎有個運行棧,不斷從任務隊列里讀取任務運行,運行棧為空,便檢查任務隊列,一直加入,循環往復,直至任務隊列也為空