歡迎您光臨本站 註冊首頁

ES6 async、await的基本使用方法示例

←手機掃碼閱讀     wooen @ 2020-06-12 , reply:0

本文實例講述了ES6 async、await的基本使用方法。分享給大家供大家參考,具體如下:

async是異步編程的最新標準,我們來看看async如何使用

1.async的簡單使用

  async function fn () {   return 'abc'  }  console.log(fn());                    // Promise { 'abc' }  fn().then(res => {   console.log(res);                    // "abc"  })

 

async作為關鍵字放在函數前面,讓同步的函數成為異步函數,不關函數裡返回什麼,打印出還是promise,說明async還是基於promise的,async的異步方式還是比promise更加簡單優雅的。

2.await的簡單使用

  // 這裡模擬一個耗時操作  function asyncFunc() {   return new Promise( resolve => {    setTimeout(() => {     resolve(100)    }, 1000);   })  }    async function fn () {   let a = await asyncFunc();   console.log(a);                    // 100  }    fn()

 

一秒後打印出了100,async和await搭配使用,await可以接收異步函數,整個過程看上去有點像同步代碼,但其實是異步操作。

我們在fn()上加上一行代碼

  async function fn () {   let a = await asyncFunc();   console.log(a);                    // 100   console.log(200);                    // 200  }

 

執行上面代碼看到兩次都是在暫停一秒打印出來的,這說明await的後面如果是promise(耗時操作),它會阻塞整個函數,下面的代碼不會執行。


[wooen ] ES6 async、await的基本使用方法示例已經有257次圍觀

http://coctec.com/docs/javascript/show-post-238252.html