JS异步编程同步化

最新推荐文章于 2023-04-25 09:40:56 发布

冰茶茶

最新推荐文章于 2023-04-25 09:40:56 发布

阅读量739

点赞数

文章标签： js 异步操作同步化

本文链接：https://blog.csdn.net/ice_teas/article/details/103972022

版权

本文探讨了在JavaScript中如何实现异步操作的同步化，以解决在单线程环境中确保任务按序执行的问题。文章通过举例ajax请求，介绍了包括设置async为true、使用Promise、Generator函数、async/await以及它们的组合使用等方法来实现异步同步化，旨在帮助开发者更好地理解和处理异步流程控制。

摘要由CSDN通过智能技术生成

问题背景

同步是指一件事一件事的执行，只有前一个任务执行完毕，才能执行后一个任务。

异步(async)是相对于同步(sync)而言的，由于JavaScript是单线程运行的，为了避免阻塞带来的糟糕体验，异步操作成了必不可少的一种编程模式，js实现异步操作的方式有很多，包括回调函数、时间监听、发布/订阅模式、定时函数，包括ES6及以后的promise，Generator函数及各种语法糖。

这里拿ajax举例子，有些时候处于某些特殊情况，我们需要整个ajax（包括其成功或者失败之后的回调函数）执行完毕才进行后续操作。

        var responseData;
        $.getJSON({
            url: '../src/wind-gbr.json',
            success: function(response){
                responseData = response;
                console.log("1st",responseData[0].header);
            }
        });
        console.log("2nd",responseData[0].header);

上面这段代码中，处于某种目的，第二句输出不想放在success回调函数中而需要放在外面，我们都知道这样运行肯定会抛出一个错误提示responseData不存在，那么我们就需要一些变通的操作，来完成我们的目标。</