Vue使用Promise
2021-02-28 本文已影响0人
hao_developer
Promise参考:https://blog.csdn.net/u014131617/article/details/85337048
Promise:异步编程的一种解决方案
异步操作进行封装
Promise三种状态:
- pending:等待状态
- fulfill:满足状态,当我们主动回调了resolve时,就处于该状态,并且会回调.then()
- reject:拒绝状态,当我们主动回调了reject时,就处于该状态,并且会回调.catch()
Promise.all()可以控制多个请求结果,最后统一处理。
Promise.all([
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('result1')
}, 2000)
}),
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('result2')
}, 1000)
})
]).then( results => {
//最后在这里统一处理请求结果
console.log(results);
})