異步模式Asynchronous不會等待這個任務結束才開始執行下一個任務，開啟之后立即執行下一個任務，后續邏輯一般會通過回調函數的方式定義，異步模式對js 非常重要，沒有異步任務單線程的 js 語言就無法同時處理大量耗時任務，單線程下面的異步最大的難點就是 代碼的執行順序混亂，Queue是消息隊列隊列也叫回調隊列
文章插圖
打印消息給同步一樣執行壓棧彈棧，接下來就是倒計時器，
setTimeOut 就是調用了web api，web api單獨運行不會阻塞js的執行, 開啟倒計時器之后 setTimeOut的調用就已經結束，會繼續往下調用，同理壓棧開啟倒計時器彈棧,最后打印消息之后對于這個匿名函數就已經調用完了，這個時候我們的調用棧就會被清空掉，當調用棧執行完之后，Evevt loop就會從消息隊列中取出第一個回調函數壓入到調用棧，當倒計時器達到時間之后就會把回調函數放入到回調隊列中 。timer2倒計時先結束所以會先放入消息隊列中的第一位, Evevt loop監聽到消息隊列發生變化，就會把timer2 放入到執行棧中去執行，這個時候對于調用棧來說就是開啟了新一輪的執行 ， 如果執行棧中的函數又開啟了定時器，這個時候給前面的步驟是一樣的，不斷的去加入消息隊列，不斷的去提取消息隊列中的函數來執行，直到調用棧和消息隊列中都沒有需要執行的函數整體的代碼就結束了，javascript執行引擎就是先去執行調用棧中的任務，然后再通過事件循環從消息隊列中再取一個任務執行，依次類推 。我們隨時都可以往消息隊列放入任務 ， 這些任務會排隊執行 。javascript異步實現原理內部就是通過消息隊列和時間循環實現的回調函數所有異步編程方案根基都是回調函數，由調用者定義，交給執行者去執行的函數叫做回調函數
【javascript編程單線程之異步模式Asynchronous】
function foo (callback) {setTimeOut(() => {callback()}, 3000)}foo(() => {console.log("恰飯飯")})原文地址: https://kspf.xyz/archives/19更多內容微信公眾號搜索充饑的泡飯小程序搜一搜開水泡飯的博客
推薦閱讀
- 編程貓怎么編程游戲（怎么用編程貓做一個高難度的游戲)
- 零基礎如何學游戲編程（游戲編程學習入門)
- 2d游戲怎么編程（怎么編寫一個2d游戲)
- 如何編程游戲（記事本編程簡單游戲)
- 怎么在電腦上編程游戲（編程游戲)
- Java并發編程 | Synchronized原理與使用
- javascript編程單線程之同步模式
- python滲透測試入門——基礎的網絡編程工具
- JavaScript函數式編程之函子
- 學習ASP.NET Core Blazor編程系列八——數據校驗