站長資訊網
        最全最豐富的資訊網站

        await是es6還是es7的

        await是es7。async和await是ES7中新增內容,是對于異步操作的解決方案。async顧名思義是“異步”的意思,async用于聲明一個函數是異步的;而await從字面意思上是“等待”的意思,就是用于等待異步完成。async和await有一個嚴格規定,兩者都離不開對方,且await只能寫在async函數中。

        await是es6還是es7的

        前端(vue)入門到精通課程:進入學習
        Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具:點擊使用

        本教程操作環境:windows7系統、ECMAScript 7版、Dell G3電腦。

        在最新的ES7(ES2017)中提出的前端異步特性:async、await。

        一、什么是async和await

        async和await是ES7中新增內容,對于異步操作的解決方案,它是Generator函數的語法糖。

        • async|await是編寫異步的新方法,之前ES6中用的是promise。
        • async|await是建立在promise基礎之上的新寫法。
        • async|await也是非阻塞的。

        async顧名思義是“異步”的意思,async用于聲明一個函數是異步的。而await從字面意思上是“等待”的意思,就是用于等待異步完成。

        async和await它們兩有一個嚴格規定,兩者都離不開對方,但是,await只能寫在async函數中。

        二、用法

        async如何處理返回值
        async的返回值是一個promise對象,也就是說它會直接通過promise中的方法將返回值封裝成一個promise對象。

        async function Async() { return "hello world"; } const result = Async(); console.log(result);
        登錄后復制

        await是es6還是es7的
        從結果看來async函數返回的是promise對象,它會直接將返回值封裝成一個promise對象。

        如果沒有返回值

        async function Async() {     console.log("hello world"); } let result1 = Async(); console.log(result1);
        登錄后復制

        await是es6還是es7的

        從結果看來async函數返回的是promise對象,當時值是undefined。因此。在沒有await的情況下,返回一個 promise 對象,并不會阻塞后面的語句。

        但是await是在等待什么呢

        function time(s) {   return new Promise((resolve) => {     setTimeout(resolve, ms);   }); } async function Async(value, s) {   await time(s);   console.log(value); } Async('hello world', 50);
        登錄后復制

        指定 50 毫秒以后,輸出hello world。

        一般用await去等待async函數完成,await 等待的是一個表達式,表達式的計算結果是 promise 對象或其它值,因此,await后面實際可以接收普通函數調用或直接量。
        如果await等到的不是promise對象,表達式運算結果就是它等到的東西。
        如果是promise對象,await會阻塞后面的代碼,等promise對象處理成功,得到的值為await表達式的運算結果。雖然await阻塞了,但await在async中,async不會阻塞,它內部所有的阻塞都被封裝在一個promise對象中異步執行。

        任何一個await語句后面的 Promise 對象變為reject狀態,那么整個async函數都會中斷執行。

        async function Async() {   await Promise.reject('出錯了');   await Promise.resolve('hello world'); // 不會執行 } let result1 = Async(); console.log(result1);
        登錄后復制

        await是es6還是es7的
        從結果看來,第二個await語句是不會執行的,因為第一個await語句狀態變成了reject。

        三、Async函數的錯誤處理

        如果await后面的異步操作出錯,那么async函數返回的 promise 對象被reject了。

        let a; async function f() {     await Promise.reject('error');     a = await 1; // await 沒有執行 } f().then(v => console.log(a));
        登錄后復制

        從結果看來,當async函數中的await只要有一個出現reject狀態,則后面的await都不會執行。一般解決辦法用try…catch。

        // 正確的寫法 let a; async function f() {     try {         await Promise.reject('error')     } catch (error) {         console.log(error);     }     a = await 1;     return a; }  f().then(v => console.log(a)); // 1
        登錄后復制

        從結果看來,這樣就很好的解決了這個問題,當有多個await不會執行時,可以都放在try…catch中。

        四、結論

        async|await的優點:

        • async|await解決了回調地獄的問題
        • async|await支持并發執行
        • async|await對異步處理更加簡潔
        • async|await可以在try…catch中捕獲錯誤

        【推薦學習:javascript高級教程】

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 麻豆国内精品久久久久久| 亚洲精品午夜无码专区| 亚洲AV无码成人精品区大在线| 国产精品视频二区不卡| 久久夜色撩人精品国产小说| 精品久久777| 欧美精品黑人粗大免费| 日韩精品无码永久免费网站| 国产2021久久精品| 久久精品9988| 国产精品VA在线观看无码不卡| 亚洲精品动漫人成3d在线| 国产成人AV无码精品| 国产92成人精品视频免费| 久久国产精品一国产精品金尊| 下载天堂国产AV成人无码精品网站| 国产精品成人久久久久三级午夜电影 | 亚洲精品成人av在线| 奇米影视7777久久精品| 亚洲?V无码乱码国产精品| 2024最新国产精品一区| 国产精品久久自在自线观看| 国产精品免费无遮挡无码永久视频| 中文字幕九七精品乱码| 日本精品一区二区三区四区| 国产亚洲精品高清在线| 国产精品福利电影一区二区三区四区欧美白嫩精品| 国产精品一二三区| 欧美久久精品一级c片片| 99热精品在线观看| 精品国产日产一区二区三区| 97精品伊人久久大香线蕉app| 国精品午夜福利视频不卡| 欧美精品亚洲精品日韩传电影| 亚洲级αV无码毛片久久精品| 亚洲中文字幕久久精品无码APP | 欧美日韩精品一区二区在线播放| 99re热这里只有精品视频中文字幕 | 精品一区二区久久久久久久网站| 亚洲精品国产品国语在线| 亚洲国产精品久久久天堂|