promise对象里resolve和reject状态讲解及Promise.all()的使用

举例:

同步异步可以说是对被请求方来说的,被请求者使用什么方式来告知处理结果

思考,思考。。。。。。。,好了,有答案了,当场告诉你 -------- 同步
这个问题需要一点时间,你先做点别的,等我想好了,去找你。 --------异步
阻塞非阻塞,主要是对于请求者而言的

阻塞:发出请求等待结果返回,然后再处理后续的事情
非阻塞:发出请求不等待结果返回,可以接着做后续的事情

  1:pending:正在处理
    2:resolved:已完成
    3:rejected:失败*/
let p1 = new Promise(function(resolve,reject){

    /**要做的事情通过一个函数来完成,该函数会接收两个值
    resolve
    reject
    这两个参数都是一个函数,当我们调用他们的时候,会改变当前任务的状态
    resolve() => resolved
    reject() => rejected */

    setTimeout(() => {
            var a = Math.random();
            if(a < 0.5){
                console.log(a,'p1失败')
                reject(a)
            }else{
                console.log(a,'p1成功')
                resolve(a)
            }
        },1000)
})
/**虽然then方法中的参数接收两个
    一个是成功的callback
    一个是失败的callback
    但是,在书写的时候,如果每一个then都传这两个callback的话,编写过程太麻烦,为了能够统一的处理失败Pormise对象又提供了一个新的方法:catch,catch方法也接收一个callback
    只要有一个Promise的状态变成了rejected,那么就会被catch方法捕获,执行catch的callback*/

.then((a) => {
    return new Promise((resolve,reject) => {
        setTimeout(() => {
                a *= a; 
                console.log(a,'p1成功')
                reject(a);
            },1000)
    })
}).then((a) => {
    console.log(a,'p1的then里成功')
}).catch((a) => {
    console.log(a,'失败捕获')
})

看打印出来的结果:
当p1中的随机数a < 0.5时,就直接进入catch里捕获到失败了,后面的then都不会执行

使用

情形:在一个Promise任务中需要处理多个异步任务,这多个的异步任务是同时进行的,但是执行时间是不确定的,后续的任务需要这几个异步任务全部完成之后在执行,这时候就需要用到Promise里面提供的all方法来实现

var p1 = new Promise((resolve,reject) => {
    let a = 1;
    setTimeout(() => {
        a++;
        resolve(a);
    },Math.random() * 1000)
})

var p2 = new Promise((resolve,reject) => {
    let b = 2;
    setTimeout(() => {
        b++;
        resolve(b);
    },Math.random() * 1000)
})
/**把两个不同的异步任务分别包装在一个Promise对象里,然后调用Promise对象静态方法all,把上面多个不同异步Promise作为数组传递给all方法的参数,当多个异步任务的状态都变成resolve,那么all的状态才是resolved,但是只要有一个异步任务的状态变成了rejected,那么all的状态就会变成rejected*/

Promise.all([p1,p2]).then(([a,b]) => {
    console.log(a,b)
}).catch((err) => {
    console.log(err)
})
  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值