Javascript | 分別用async await異步方法和Promise來實作一個簡易的求職程式-有解無憂

關注公眾號，一起交流，微信搜一搜: LiOnTalKING

JavaScript Promise

Promise 是一個 ECMAScript 6 提供的類，目的是更加優雅地書寫復雜的異步任務，如何創建一個 Promise 物件？

new Promise(function (resolve, reject) {
    // 要做的事情...
});

Promise 的使用：

new Promise(function (resolve, reject) {
    console.log(1111);
    resolve(2222);
}).then(function (value) {
    console.log(value);
    return 3333;
}).then(function (value) {
    console.log(value);
    throw "An error";
}).catch(function (err) {
    console.log(err);
});

執行結果：

1111
2222
3333
An error

JavaScript async/await異步方法

async 是“異步”的簡寫，async 用于申明一個 function 是異步的，而 await 用于等待一個異步方法執行完成，await 只能出現在 async 函式中，
async 表示這是一個async函式， await只能用在async函式里面，不能單獨使用
async 回傳的是一個Promise物件，await就是等待這個promise的回傳結果后，再繼續執行
await 等待的是一個Promise物件，后面必須跟一個Promise物件，但是不必寫then()，直接就可以得到回傳值

求職面試今天要實作的求職面試的程式，總共包含3次面試，上一次面試通過才能進入到下一次面試，3次面試都通過了就算是求職成功了，分別用Promise和async/await兩種方式實作對比，面試方法如下：

//面試
    function interview(round) {
        return new Promise((resole, reject) => {
            setTimeout(() => {
                var score = Math.random();
                if (score > 0.6) {
                    resole(score);
                } else {
                    var err = new Error(`分數：${score}`);
                    err.round = round;
                    reject(err)
                }
            }, 1000);
        });
    };

該方法的引數round為第幾輪面試，方法回傳一個promise，獲取一個亂數，亂數就是面試的得分，超過0.6即為通過面試，否則為不通過，

通過異步方法來實作求職程序：

//異步方法求職
    async function seekJobs() {
        console.log('seekJobs => start');
        console.time('seekJobs');
        try {
            console.log('第 1 輪面試得分：', await interview(1));
            console.log('第 2 輪面試得分：', await interview(2));
            console.log('第 3 輪面試得分：', await interview(3));
            console.log('yeah!');
        } catch (error) {
            console.error('第 ' + error.round + ' 輪面試沒通過：', error);
        }
        console.log('seekJobs => end.');
        console.timeEnd('seekJobs');
        return '求職已經結束，';
    };

通過async宣告該方法為異步方法，每一輪面試用await等待回傳面試結果，通過可進入下一輪面試，不通過則記錄是第幾輪面試和得分，最后方法回傳資訊“求職已經結束，”

通過Promise方式來實作求職程序：

//promise的方式求職
    function seekJobs_P() {
        console.log('seekJobs => start');
        console.time('seekJobs');
        interview(1)
            .then((score) => {
                console.log('第 1 輪面試得分：', score);
                return interview(2);
            })
            .then((score) => {
                console.log('第 2 輪面試得分：', score);
                return interview(3);
            })
            .then((score) => {
                console.log('第 3 輪面試得分：', score);
                console.log('yeah!');
            })
            .catch((error) => {
                console.error('第 ' + error.round + ' 輪面試沒通過：', error);
            });
        console.log('seekJobs => end.');
        console.timeEnd('seekJobs');
        return '求職已經結束，';
    };

每一輪面試的通過都會進入到then，列印分數并呼叫下一輪面試，直到所有面試都通過，中間程序中有一輪面試沒通過則進入到catch，最后同樣回傳資訊“求職已經結束“

最后寫主程式main方法

/**
     * 主執行緒
     */
    (function main() {
        console.log('main.start======================================');
        console.time('main');

        //呼叫求職的異步方法,遇到await不等待,直接回傳到mian方法繼續執行,main執行完才輸出求職回傳結果
        // seekJobs().then((res) => {
        //     console.log('求職回傳：', res);
        // });

        //呼叫promise的方式求職,遇到then繼續執行并回傳"求職已經結束，",回到main方法輸出求職回傳結果,最后再輸出每一次面試的分數
        var res = seekJobs_P();
        console.log('求職回傳：', res);

        console.log('main.end======================================');
        console.timeEnd('main');
    })();

主程式這里可以分別呼叫seekJobs和seekJobs_P兩種方式的求職， 1、異步方法在遇到await就直接回傳到main方法，main方法繼續往下執行，異步方法由另外的執行緒取執行，執行結束再回呼， 2、promise方法則是在遇到then繼續執行并回傳"求職已經結束，",回到main方法輸出求職回傳結果,最后再輸出每一次面試的分數，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/540175.html

標籤：其他

上一篇：記錄--三分鐘打造自己專屬的uni-app工具箱

下一篇：第一百一十四篇: JS陣列Array（三）陣列常用方法