手记

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


基本认识

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的原创作品,如需转载,请注明出处,否则将追究法律责任


0人推荐
随时随地看视频
慕课网APP