ES2017 標準引入了 async 函數，使得異步操作變得更加方便。
先說一下async的用法，它作爲一個關鍵字放到函數前面，用於表示函數是一個異步函數，因爲async就是異步的意思， 異步函數也就意味着該函數的執行不會阻塞後面代碼的執行。 寫一個async 函數
async function timeout() {
return 'hello world';
}
語法很簡單，就是在函數前面加上async 關鍵字，來表示它是異步的，那怎麼調用呢？async 函數也是函數，平時我們怎麼使用函數就怎麼使用它，直接加括號調用就可以了，爲了表示它沒有阻塞它後面代碼的執行，我們在async 函數調用之後加一句console.log;
async function timeout() {
return 'hello world'
}
timeout();
console.log('雖然在後面，但是我先執行');
打開瀏覽器控制檯，我們看到了
async 函數 timeout 調用了，但是沒有任何輸出，它不是應該返回 'hello world', 先不要着急， 看一看timeout()執行返回了什麼？ 把上面的 timeout() 語句改爲console.log(timeout())
async function timeout() {
return 'hello world'
}
console.log(timeout());
console.log('雖然在後面，但是我先執行');
控制檯輸出
原來async 函數返回的是一個promise 對象，如果要獲取到promise 返回值，我們應該用then 方法， 繼續修改代碼
async function timeout() {
return 'hello world'
}
timeout().then(result => {
console.log(result);
})
console.log('雖然在後面，但是我先執行');
控制檯輸出
我們獲取到了"hello world', 同時timeout 的執行也沒有阻塞後面代碼的執行，和 我們剛纔說的一致。
這時，你可能注意到控制檯中的Promise 有一個resolved，這是async 函數內部的實現原理。如果async 函數中有返回一個值 ,當調用該函數時，內部會調用Promise.solve() 方法把它轉化成一個promise 對象作爲返回，但如果timeout 函數內部拋出錯誤呢？ 那麼就會調用Promise.reject() 返回一個promise 對象， 這時修改一下timeout 函數
async function timeout(flag) {
if (flag) {
return 'hello world'
} else {
throw 'my god, failure'
}
}
console.log(timeout(true)) // 調用Promise.resolve() 返回promise 對象。
console.log(timeout(false)); // 調用Promise.reject() 返回promise 對象。
控制檯輸出如下：
如果函數內部拋出錯誤， promise 對象有一個catch 方法進行捕獲。
timeout(false).catch(err => {
console.log(err)
})
async 關鍵字差不多了，我們再來考慮await 關鍵字，await是等待的意思，那麼它等待什麼呢，它後面跟着什麼呢？其實它後面可以放任何表達式，不過我們更多的是放一個返回promise 對象的表達式。注意await 關鍵字只能放到async 函數裏面
現在寫一個函數，讓它返回promise 對象，該函數的作用是2s 之後讓數值乘以2
// 2s 之後返回雙倍的值
function doubleAfter2seconds(num) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(2 * num)
}, 2000);
} )
}
現在再寫一個async 函數，從而可以使用await 關鍵字， await 後面放置的就是返回promise對象的一個表達式，所以它後面可以寫上 doubleAfter2seconds 函數的調用
async function testResult() {
let result = await doubleAfter2seconds(30);
console.log(result);
}
現在調用testResult 函數
testResult();
打開控制檯，2s 之後，輸出了60.
現在我們看看代碼的執行過程，調用testResult 函數，它裏面遇到了await, await 表示等一下，代碼就暫停到這裏，不再向下執行了，它等什麼呢？等後面的promise對象執行完畢，然後拿到promise resolve 的值並進行返回，返回值拿到之後，它繼續向下執行。具體到 我們的代碼, 遇到await 之後，代碼就暫停執行了， 等待doubleAfter2seconds(30) 執行完畢，doubleAfter2seconds(30) 返回的promise 開始執行，2秒 之後，promise resolve 了， 並返回了值爲60， 這時await 纔拿到返回值60， 然後賦值給result， 暫停結束，代碼纔開始繼續執行，執行 console.log語句。
就這一個函數，我們可能看不出async/await 的作用，如果我們要計算3個數的值，然後把得到的值進行輸出呢？
async function testResult() {
let first = await doubleAfter2seconds(30);
let second = await doubleAfter2seconds(50);
let third = await doubleAfter2seconds(30);
console.log(first + second + third);
}
6秒後，控制檯輸出220
至此，我們可以看到，寫異步代碼就像寫同步代碼一樣了，再也不需要像以前一樣，等一個方法的回調之後執行的需要寫到這個方法的回調方法裏面，是不是方便多了？
再總結一下：
async和await基本是組合使用的，async用來聲明一個異步方法，返回的是一個promise對象，如果要獲取到對應的返回值，就需要使用.then方法（不清楚的可以查看promise對象）；
await只能在async方面的裏面使用，讓後面的執行語句或方法要等待當前await方法的結果後才能再執行。