首页 > 其他 > 详细

Vue- Promise函数---参数resolve(调用.then方法)-- 参数reject(调用.catch方法)---链式结构

时间:2019-10-04 17:04:04      阅读:122      评论:0      收藏:0      [点我收藏+]

结构:

//什么情况下会用到Promise?
//一把情况下是有异步操作时,使用Promise对这个异步操作进行封装
<script>
new Promise((resolve, reject) =>{
    setTimeout(() =>{
        //成功的时候调用resolve
        resolve(‘成功data‘)
        //失败的时候调用reject
        reject(‘error message‘)
    }, 1000)
}).then((data) =>{
    //处理成功后的逻辑
    console.log(data);//这个data 是接收的resolve参数--
}).catch((err) =>{
    console.log(err);
})
</script>

简便写法二

.then(函数一,函数二)

<script>
    new Promise((resolve, reject) =>{
        setTimeout(() =>{
            //成功的时候调用resolve
            resolve(‘成功data‘)
            //失败的时候调用reject
            reject(‘error message‘)
        }, 1000)
    }).then(data =>{
         console.log(data);
    }, err =>{
        console.log(err)
    })
    </script>

  

Vue- Promise函数---参数resolve(调用.then方法)-- 参数reject(调用.catch方法)---链式结构

原文:https://www.cnblogs.com/fdxjava/p/11622490.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!