Vue使用Promise

作者: hao_developer | 来源:发表于2021-02-28 11:47 被阅读0次

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

相关文章

网友评论

    本文标题:Vue使用Promise

    本文链接:https://www.haomeiwen.com/subject/rlkgfltx.html