为了账号安全,请及时绑定邮箱和手机立即绑定

ES6的Promise -- 逻辑执行的顺序

标签:
AngularJS


基本认识

Promise的核心价值是创建一个异步执行的过程,并给你善后的机会。

Promise对象一但创建就会立即执行,执行过程是异步的,不会对后续的逻辑造成阻塞。

直接声明,立即执行

        let promise = new Promise ( (resolve, reject) => {

                //执行耗时的逻辑。。。

                if ( success ) {

                        resolve(a)   // pending ——> resolved 参数将传递给对应的回调方法

                } else {

                        reject(err)  // pending ——> rejectd

                }

        } )

        //后续代码会继续执行,而不是等待Promise内部逻辑执行完毕。

        //...

放到函数里,需要时执行

function promise () {

            return new Promise ( function (resolve, reject) {

                    //执行耗时的逻辑。。。

                    if ( success ) {

                            resolve(a)

                    } else {

                            reject(err)

                    }

            } )

    }

Promise内逻辑执行完毕后,调用resolve还是reject,完全要看编程者的意图。调用resolve就会触发Promise的then,调用reject就会触发Promise的catch。

这就是设计的价值之处,执行完毕一个耗时操作后,给你一个条件回调的机会用于执行后续逻辑。

    promise.then(

            () => { console.log('this is success callback') }

    ).catch(

            (err) => { console.log(err) }

    )

更多

then() 和 catch() 都会返回一个新的Promise对象,可以链式调用。

    promise.then(

            () => { console.log('this is success callback') }

    ).catch(

            (err) => { console.log(err) }

    ).then(

            ...

    ).catch(

            ...

    )

©著作权归作者所有:来自51CTO博客作者sendoffice的原创作品,如需转载,请注明出处,否则将追究法律责任


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消