ES6语法之异步编程-Promise

Promise

分解异步操作,避免回调地狱

 

           //1.promise
            //分解异步操作,避免回调地狱
            function testMise(value) {
                //resolve成功后回调
                //reject失败后回调
                return new Promise((resolve, reject) => {
                    //模拟异步请求
                    setTimeout(() => {
                        console.log('请求中:', value)
                        if (value > 0) {
                            resolve('请求完成');
                        }
                        if (value < 0) {
                            reject('请求失败' + value);
                        }
                    }, 2000)
                })
            }

            //promis函数返回.then()成功后执行.catch()失败后执行
            testMise(-1).then(res => {
                console.log(res)
            }).catch(err => {
                console.log(err)
            })

2.若有多个异步函数依次执行完成再执行下一个函数时

            //2.若有多个异步函数依次执行完成再执行下一个函数时
            function testEmploy() {
                //使用链式调用
                //注意then()方法里返回的必须是下一个promise函数
                testMise(5).then(res => { //请求中5
                    return testMise(4) //请求中4
                }).then(res => {
                    return testMise(3) //请求中3
                }).then(res => {
                    //请求失败则进入下一个then第二个参数
                    return testMise(-1) //请求中-1
                }).then(res => {
                    console.log(res)
                }, err => {
                    console.log(err) //请求失败-1
                    return testMise(1) //请求中1
                }).then(res => {
                    console.log(res) //请求完成
                }).catch(err => {
                    console.log(err)
                })
            }

            testEmploy();

3.Promise.all

全部异步函数执行完成后再执行then回调

            //3.Promise.all
            // 全部异步函数执行完成后再执行then回调
            //res是返回所有函数的参数的数组,
            Promise.all([testMise(7), testMise(8), testMise(9), testMise(1)]).then(res => {
                console.log('全部执行完成', res)
            })

4.Promise.race

有一个执行完成就执行then回调

            //4.Promise.race
            //有一个执行完成就执行then回调
            //res是返回第一个执行完成的参数
            Promise.race([testMise(11), testMise(12), testMise(13), testMise(14)]).then(res => {
                console.log('有一个执行完成', res)
            })