js 异步转同步代码获取数据

刘久林

已于 2022-10-26 15:26:16 修改

阅读量500

点赞数

文章标签： javascript 前端 vue.js

于 2022-10-08 09:16:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45649822/article/details/127202667

版权

本文介绍了如何使用Promise和async/await将JavaScript的异步操作转换为同步形式。通过一个test函数示例，展示了如何按照代码顺序依次获取并输出数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一部：Promise获取数据

myAsyncFunc: function (e) {
        return new Promise(function (resolve, reject) {
            //这是一个异步获取数据
            getAsyncDic('SubTypeCode='+e).then(rsp=>{ 
                if(rsp.code==200)
                {
                    let disArr=rsp.data;
                    // this.setData({
                    //     disArr: disArr
                    // })
                  // console.log(disArr)
                   resolve(disArr);
                }
            });
        });
    },

第二：按照代码写入前后顺序输出代码

test:async function () {
console.log(‘---------------’); //Hello,World
var result2004 = await this.myAsyncFunc(‘2004’);
var result2125 = await this.myAsyncFunc(‘2125’);
console.log(result2125); //
console.log(result2004); //
}