// 模拟 post 异步接口 begainlet post1 = ()=> { return new Promise((resolve, reject) => { setTimeout(()=>{ reject('reject 2000') } , 2000) })}let post2 = ()=> { return new Promise((resolve, reject) => { setTimeout(()=>{ resolve('success 1000') } , 1000) })}let post3 = ()=> { return new Promise((resolve, reject) => { setTimeout(()=>{ resolve('success 3000') } , 3000) })}let post4 = ()=> { return new Promise((resolve, reject) => { setTimeout(()=>{ reject('reject 4000') } , 4000) })}// 模拟 post 异步接口 end 2、
// 模拟 post 异步接口 try catch 方式 begainconst getByApi1 = async ()=> { try { const data = await post1() console.log('getP1 try 2s') return data }catch(e){ console.log('getP1 catch 2s') return e }}const getByApi2 = async ()=> { try { const data = await post2() console.log('getP2 try 1s') return data }catch(e){ console.log('getP2 catch 1s') return e }}const getByApi3 = async ()=> { try { const data = await post3() console.log('getP3 try 3s') return data }catch(e){ console.log('getP3 catch 3s') return e }}const getByApi4 = async ()=> { try { const data = await post4() console.log('getP4 try 4s') return data }catch(e){ console.log('getP4 catch 4s') return e }}// 模拟 post 异步接口 try catch 方式 end 3、
Promise.all([getByApi1(), getByApi2(), getByApi3(), getByApi4()]).then((result) => { console.log('result') console.log(result)}).catch((error) => { console.log('error') console.log(error)}) 4、看结果
1s后，console.log 'getP2 try 1s' ;
2s后，console.log 'getP1 try 2s' ;
3s后，console.log 'getP3 try 3s';
4s后，console.log 'getP3 try 3s';
然后
result
["reject 2000", "success 1000", "success 3000", "reject 4000"]
getP2 try 1sgetP1 catch 2sgetP3 try 3sgetP4 catch 4sresult["reject 2000", "success 1000", "success 3000", "reject 4000"]