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)
        })

打印如图:


async await “同步请求”和“合并请求”_第1张图片
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)
        })

打印如图:


async await “同步请求”和“合并请求”_第2张图片
image.png

async await “同步请求”和“合并请求”_第3张图片
image.png

你可能感兴趣的:(async await “同步请求”和“合并请求”)