首先，請牢記2點：
1.靈魂三問：js為什麼是單執行緒的？為什麼需要非同步？單執行緒又是如何實現非同步的呢？
技術的出現，都跟現實世界裡的應用場景密切相關的。同樣的，我們就結合現實場景，來回答這三個問題。
(1) js為什麼是單執行緒的？
js最初被設計用在瀏覽器中，那麼想象一下，如果瀏覽器中的js是多執行緒的。
場景描述：
那麼現在有2個程序，process1 process2，由於是多程序的js，所以他們對同乙個dom，同時進行操作。process1 刪除了該dom，而process2 編輯了該dom，同時下達2個矛盾的命令，瀏覽器究竟該如何執行呢？
這樣想，js為什麼被設計成單執行緒應該就容易理解了吧。
(2) js為什麼需要非同步?
場景描述：
如果js中不存在非同步，只能自上而下執行，如果上一行解析時間很長，那麼下面的**就會被阻塞。對於使用者而言，阻塞就意味著"卡死"，這樣就導致了很差的使用者體驗
所以，js中存在非同步執行。
(3) js單執行緒又是如何實現非同步的呢？
既然js是單執行緒的，只能在一條執行緒上執行，又是如何實現的非同步呢？
是通過的事件迴圈(event loop)，理解了event loop機制，就理解了js的執行機制。
2.js中的event loop(1)
例1,觀察它的執行順序
執行結果是：1 3 2
也就是說，settimeout裡的函式並沒有立即執行，而是延遲了一段時間，滿足一定條件後才去執行的，這類**，我們叫非同步**。
所以，這裡我們首先知道了js裡的一種分類方式，就是將任務分為：同步任務和非同步任務。
按照這種分類方式:js的執行機制是：
以上三步迴圈執行，這就是event loop。
所以上面的例子，你是否可以描述它的執行順序了呢？
當 1、 3在控制條被列印後，主線程去event queue(事件佇列)裡檢視是否有可執行的函式，執行settimeout裡的函式。
3.js中的event loop(2)
所以，上面關於event loop就是我對js執行機制的理解，直到我遇到了下面這段**。
例2：嘗試按照，上文我們剛學到的js執行機制去分析：
所以，結果是： 馬上執行for迴圈啦---**執行結束---定時器開始啦---執行then函式啦嗎?
親自執行後，結果居然不是這樣，而是： 馬上執行for迴圈啦---**執行結束---執行then函式啦---定時器開始啦
那麼，難道是非同步任務的執行順序，不是前後順序，而是另有規定？事實上，按照非同步和同步的劃分方式，並不準確。
而準確的劃分方式是：
按照這種分類方式，js的執行機制是：
嘗試按照剛學的執行機制，去分析例2：
所以最後的執行順序是： 馬上執行for迴圈啦---**執行結束---執行then函式啦---定時器開始啦
4.談談settimeout
這段settimeout**什麼意思? 我們一般說: 3秒後,會執行settimeout裡的那個函式
settimeout(function(),3000)
但是這種說並不嚴謹，準確的解釋是：3秒後，settimeout裡的函式被會推入event queue，而event queue(事件佇列)裡的任務，只有在主線程空閒時才會執行。
所以只有滿足 (1)3秒後 (2)主線程空閒，同時滿足時，才會3秒後執行該函式
如果主線程執行內容很多，執行時間超過3秒，比如執行了10秒，那麼這個函式只能10秒後執行了。
課間十分鐘
時間限制 1000 ms 記憶體限制 128 mb 兩人都是數學愛好者，便發明了乙個遊戲。在遊戲開始前，他們先約定乙個正整數n，同時令m 1。遊戲過程中，每個人都可以將m的值擴大2到9中的任意倍數。第乙個使m n的人就是最後的贏家。181818181818和zbt都十分聰明，並且遊戲過程中都使用最佳...
十分鐘帶你理解Mobx
scalable state management 簡單，可擴充套件的狀態管理器 npm install s mobx mobx react用法 const map observable.map map.set key new value const list observable 1,2,4 li...
十分鐘的代價
2008年9月15日上午10 00，擁有158年歷史的美國第四大投資銀行 雷曼兄弟公司向法院申請破產保護，訊息轉瞬間通過電視 廣播和網路傳遍地球的各個角落。令人匪夷所思的是，在如此重大的情況下，德國國家發展銀行在十分鐘後，居然按照外匯掉期協議的交易，通過計算機自動付款系統，向雷曼兄弟公司即將凍結的銀...