您好,登錄后才能下訂單哦!
這篇文章主要講解了ES6 async、await的基本使用方法的實例解析,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
本文實例講述了ES6 async、await的基本使用方法。分享給大家供大家參考,具體如下:
async是異步編程的最新標準,我們來看看async如何使用
async function fn () { return 'abc' } console.log(fn()); // Promise { 'abc' } fn().then(res => { console.log(res); // "abc" })
async作為關鍵字放在函數前面,讓同步的函數成為異步函數,不關函數里返回什么,打印出還是promise,說明async還是基于promise的,async的異步方式還是比promise更加簡單優雅的。
// 這里模擬一個耗時操作 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(耗時操作),它會阻塞整個函數,下面的代碼不會執行。
看完上述內容,是不是對ES6 async、await的基本使用方法的實例解析有進一步的了解,如果還想學習更多內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。