promise 异步任务按顺序执行

在vue中 使用promise + ajax 调取接口是常见的场景 

 

// 根据id获取商品详情信息
export function Aapi(data) {
	return http.post(
		'url', {
			storeId: data.storeId, 
			id: data.id
		}
	)
}

//根据id获取商品抢购纵向轮播图
export function Bapi(data) {
	return http.post(
		'url', {
			storeId: data.storeId,
			goodsId: data.id
		}
	)
}

例如这2个接口 有一个页面要求 先调用 商品详情信息 再调用抢购轮播图的接口时可以这样写

vue中

//引入Api
import {
	Aapi, 
	Bapi
} from '../../../api/DetailsApi/Details.js'



async created(){
    //await 要求 后面跟一个promise对象  当然也可以不跟但没有什么意义。
    await this.AapiMethods();
    await this.BapiMethods();
},

methods:{
    AapiMethods(){
         //注意必须将promise对象返回 否则await 无效 
        return findStoreById(this.data).then(res=>{具体逻辑....})
    },
    BapiMethods(){.....同上}
}

这样就可以控制接口的请求顺序。