1. 程式人生 > >es6非同步/併發操作

es6非同步/併發操作

1.基於vue2.0、oxios做非同步等待操作:示例

//非同步等待 async/await
awaitMethod(num){
return new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve(2*num);
},2000)
})
},
async test (){
let result = await this.awaitMethod(30);
let result1 = await this.awaitMethod(50);
let result2 = await this.awaitMethod(30);
console.log(result);
console.log(result1);
console.log(result2);
},

//axios併發操作

//併發操作
glist1(){
return axios.get(url.bannerLists)
},
glist2(){
return axios.post(url.hostLists,{
pageNum:this.pageNum,
pageSize:this.pageSize
})
},
initData(){

this.$http.all([this.glist1(),this.glist2()]).then(this.$http.spread(
(a,b)=>{
console.log(a,6)
console.log(b,7)
}
))

},