async await “同步请求”和“合并请求”

这是一个做项目时候的小笔记、、、、

同步请求

  • 定义
var getAll = async () => {
        //同步请求
        console.log("开始请求");
        const orderSetData = await Api.systemSetting.GetGroupSettings();//Api对象里放的是请求接口的方法Promise(await后只能跟Promise)
        console.log("请求第一个接口");
        const forumSetData = await Api.systemSetting.GetGroupPackages({packageType: 1});//{packageType: 1}是传入的参数
        console.log("请求第二个接口");
        return {orderSetData: orderSetData,forumSetData: forumSetData}

    };
  • 调用
getAll().then(res => {
            console.log(res)
        })

打印如图:


image.png

合并请求

  • 定义
var getAll = async () => {
        //合并请求
        const all = await Promise.all([
            Api.systemSetting.GetGroupSettings(),
            Api.systemSetting.GetGroupPackages({packageType: 1})
        ]).catch(ex=> {console.log(ex)});
        return {orderSetData: all[0],forumSetData: all[1]}
    };
  • 调用
getAll().then(res => {
            console.log(res)
        })

打印如图:

image.png

image.png

注意:await只能接受一个返回成功的promise。不能够接受失败的,失败的只能用try...catch

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容