JavaScript异步操作同步执行的方法

本文小编为大家详细介绍“javascript异步操作同步执行的方法”，内容详细，步骤清晰，细节处理妥当，希望这篇“JavaScript异步操作同步执行的方法”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

下面我们看一个最简单的例子, 我的需求是要在fn1函数外面打印msg

function fn1() {

    setTimeout(function () {

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

    }, 3000);

}

fn1();

那么怎么样才能在fn函数中获取到msg呢

通过回调函数

  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函数返回的是一个Promise对象

如果一个函数加了async关键词,这个函数又有返回值,

在调用这个函数时,如果函数执行成功,

内部会调用Promise.solve()方法返回一个Promise对象.

如果函数执行出现异常,

就会调用Promise.reject()方法返回一个promise 对象

读到这里，这篇“JavaScript异步操作同步执行的方法”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网VUE频道。