Vue2+ElementUI2开发常见问题

最新推荐文章于 2022-02-04 18:31:30 发布

canxuezhang

最新推荐文章于 2022-02-04 18:31:30 发布

阅读量1.8k

点赞数 1

分类专栏：工作文章标签： javascript vue elementui

本文链接：https://blog.csdn.net/canxuezhang/article/details/116018678

版权

Promise多个执行成功回调和单个执行成功回调

promise用法

new Promise(function(resolve, reject){
   
    //当异步代码执行成功时，我们才会调用resolve(...), 当异步代码失败时就会调用reject(...)
    //写代码进行判断，返回内容作为then或catch的接收值
    if( null === null) {
   
    	resolve("成功!"); //代码正常执行！
    } else {
   
    	reject("失败!"); //代码执行失败！
    }
})
.then(function (results) {
   
    console.log(results); // 成功!
})
.catch(function (results) {
   
    console.log(results); // 失败!
})

多个请求之后再进行操作可以用到Promise.all()

Promise.all([this.promiseObj1(), this.promiseObj2(), this.promiseObj3(), this.promiseObj4()])
        .then(res => {
   
          console.log(2333, res)
        }).catch(error => {
   
          console.log('获取数据失败')
        })

多个请求只要有一个返回即可触发后续操作，用Promise.race()

Promise.race([this.promiseObj1(), this.promiseObj2(), this.promiseObj3(), this.promiseObj4()])
        .then(res => {
   
          console.log(2333, res)
        }).catch(error => {
   
          console.log('获取数据失败')