Javascript運行機制

同步編程，就是計算機一行一行按順序依次執行代碼，當前代碼任務耗時執行會阻塞後續代碼的執行。同步編程，便是一種典型的請求-響應模型，當請求調用一個函數或方法後，需等待其響應返回，而後執行後續代碼。假如代碼執行到一個死循環，那麼代碼就一直卡在那裏，永遠不往下繼續執行，線程同步也有這樣的缺點，只能單線程從上往下逐步執行，耗時較長，在等待的過程當中，不能作任何其餘的事情，此時頁面的交互，滾動等任何操做也都會被阻塞，這顯然是及其不友好，不可接受的。

異步編程，不一樣於同步編程的請求-響應模式，其是一種事件驅動編程，請求調用函數或方法後，無需當即等待響應，能夠繼續執行其餘任務，而以前任務響應返回後能夠經過狀態、通知和回調來通知調用者。

Javascript實現異步

JavaScript執行異步任務時，不須要等待響應返回，能夠繼續執行其餘任務，而在響應返回時，會獲得通知，執行回調或事件處理程序

1，首要要知道JavaScript語言是單線程的
JavaScript語言的一大特色就是單線程，也就是說，同一個時間只能作一件事。那麼，爲何JavaScript不能有多個線程呢？這樣能提升效率啊。 JavaScript的單線程，與它的用途有關。做爲瀏覽器腳本語言，JavaScript的主要用途是與用戶互動，以及操做DOM。這決定了它只能是單線程，不然會帶來很複雜的同步問題。好比，假定JavaScript同時有兩個線程，一個線程在某個DOM節點上添加內容，另外一個線程刪除了這個節點，這時瀏覽器應該以哪一個線程爲準？ 因此，爲了不復雜性，從一誕生，JavaScript就是單線程，這已經成了這門語言的核心特徵，未來也不會改變。 爲了利用多核CPU的計算能力，HTML5提出Web Worker標準，容許JavaScript腳本建立多個線程，可是子線程徹底受主線程控制，且不得操做DOM。因此，這個新標準並無改變JavaScript單線程的本質。

2，事件和回調函數

"任務隊列"是一個事件的隊列（也能夠理解成消息的隊列），IO設備完成一項任務，就在"任務隊列"中添加一個事件，表示相關的異步任務能夠進入"執行棧"了。主線程讀取"任務隊列"，就是讀取裏面有哪些事件。 "任務隊列"中的事件，除了IO設備的事件之外，還包括一些用戶產生的事件（好比鼠標點擊、頁面滾動等等）。只要指定過回調函數，這些事件發生時就會進入"任務隊列"，等待主線程讀取。 所謂"回調函數"（callback），就是那些會被主線程掛起來的代碼。異步任務必須指定回調函數，當主線程開始執行異步任務，就是執行對應的回調函數。

3，事件循環

（1）全部同步任務都在主線程上執行，造成一個執行棧
（2）主線程以外，還存在一個"任務隊列"。只要異步任務有了運行結果，就在"任務隊列"之中放置一個事件。
（3）一旦"執行棧"中的全部同步任務執行完畢，系統就會讀取"任務隊列"，看看裏面有哪些事件。那些對應的異步任務，因而結束等待狀態，進入執行棧，開始執行。
（4）主線程不斷重複上面的第三步。

4：常見的異步場景
1：http請求
2：DOM事件（事件綁定）
3：定時器 消息隊列中除了放置異步任務的事件，"任務隊列"還能夠放置定時事件，即指定某些代碼在多少時間以後執行。這叫作"定時器"（timer）功能，也就是定時執行的代碼。 定時器功能主要由setTimeout()和setInterval()這兩個函數來完成，它們的內部運行機制徹底同樣，區別在於前者指定的代碼是一次性執行，後者則爲反覆執行。

JavaScript線程和瀏覽器線程的關係

瀏覽器是多線程的
Javascript是單線程的 :javascript引擎線程是瀏覽器多個線程中的一個，它自己是單線程的。瀏覽器還包括不少其餘線程，如GUI渲染線程，瀏覽器事件觸發線程，Http請求線程等。
js能夠操做DOM元素，進而會影響到GUI的渲染結果，所以JS引擎線程與GUI渲染線程是互斥的。也就是說當JS引擎線程處於運行狀態時，GUI渲染線程將處於凍結狀態。

Promise的簡單分析

官方解釋 Promise 是異步編程的一種解決方案，比傳統的解決方案——回調函數和事件——更合理和更強大。它由社區最先提出和實現，ES6 將其寫進了語言標準，統一了用法，原生提供了Promise對象。

new Promise(function(resolve,reject) {   
        console.log('Pending')      //此時的promise的狀態是正在執行 Pending
        resolve();                    //表明狀態變成了 ‘resolve’   將執行resolve的對應函數
        //reject();             //表明狀態變成了 是 ‘reject’   將執行reject的對應函數
   }).then(function() {            //直接在實例後點then();  分別對應resolve 和reject函數
       console.log('resolve')
   }, function() {
       console.log('reject')  
})                      //promise的狀態一旦發生改變 就不可逆

Promise實例生成之後，能夠用then方法分別指定Resolved狀態和Rejected狀態的回調函數。