溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript異步操作同步執(zhí)行的方法

發(fā)布時間:2022-03-03 16:13:13 來源:億速云 閱讀:823 作者:iii 欄目:web開發(fā)

本文小編為大家詳細介紹“JavaScript異步操作同步執(zhí)行的方法”,內容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“JavaScript異步操作同步執(zhí)行的方法”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

下面我們看一個最簡單的例子, 我的需求是要在fn1函數(shù)外面打印msg

function fn1() {

    setTimeout(function () {

        msg = '你等我一下我  3s';

    }, 3000);

}

fn1();

那么怎么樣才能在fn函數(shù)中獲取到msg呢

通過回調函數(shù)

  function fn1(callBack) {

            setTimeout(function () {

                msg = '你等我一下我 3s';

                callBack(msg);//回調

            }, 3000);

        }

 fn1(function (c) {

      alert(c)

 })

 es6

 fn1(c => {

     alert(c)

 })

promise 將異步請求改成promise 通過.then()的方式 進行調用

function fn1() {

    return new Promise((resolve, reject) => {

        setTimeout(() => {

            msg = '你等我一下我 3s';

            resolve(msg)

        }, 3000);

    })

}

//通過.then()的方式 進行調用

fn1().then(res => {

    alert(res)

})

通過await 和async來處理

function fn1() {

        return new Promise((resolve, reject) => {

            setTimeout(() => {

                msg = '你等我一下我 3s';

                resolve(msg)

            }, 3000);

        })

    }

    async function passpro() {

        let res = await fn1();

        alert(res)

    }

    passpro();

async函數(shù)返回的是一個Promise對象

如果一個函數(shù)加了async關鍵詞,這個函數(shù)又有返回值,

在調用這個函數(shù)時,如果函數(shù)執(zhí)行成功,

內部會調用Promise.solve()方法返回一個Promise對象.

如果函數(shù)執(zhí)行出現(xiàn)異常,

就會調用Promise.reject()方法返回一個promise 對象

讀到這里,這篇“JavaScript異步操作同步執(zhí)行的方法”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI