【Promise】第三部分 Promise关键问题

【Promise】第三部分 Promise关键问题

---

---

3. Promise关键问题

3.1 如何修改Promise对象状态

// 有三种方式
let p = new Promise((resolve,reject)=>{
            // 1. resolve 函数
            // resolve('ok')  // fulfilled

            // 2. reject 函数
            // reject('error') // rejected

            // 3. throw 抛出错误
            throw('error') // rejected
        })
        console.log(p)

3.2 改变Promise状态后,指定多个 成功/失败 回调,都会被调用吗?

        // 答案: 当Promise改变对应状态时都会调用
        let p = new Promise((resolve,reject)=>{
            resolve('ok')
        })

        p.then(value=>{ 
            console.log(111)
        })

        p.then(value=>{
            console.log(222)
        })
        //控制台输出 111 222

3.3 改变 Promise 状态和指定回调函数谁先谁后?

        // 答案: 不一定,根据情况

        // 1.先改变状态后指定回调,注意这里是指定不是执行要区分!!!!!!
        // 如果先改变的状态, 那当指定回调时, 立即执行回调函数, 从而得到数据
        let  p = new Promise((resolve,reject)=>{
            resolve('ok')
        })
        
        p.then((value)=>{
            console.log(value)
        },(reason=>{

        }))

        //2.先指定回调后改变状态
        // 如果先指定的回调, 等待状态发生改变时, 回调函数就会被执行, 从而得到数据
        let  p1 = new Promise((resolve,reject)=>{
            setTimeout(() => {
                resolve('ok')
            }, 1000);
        })
        
        p1.then((value)=>{
            console.log(value)
        },(reason=>{

        }))

3.4 Promise.then()返回的新 Promise 的结果和状态由什么决定?

        // 答案: 由then()指定的回调函数执行的结果和状态所决定
            let p = new  Promise((resolve,reject)=>{
                resolve('ok')
            })

            let result = p.then((value)=>{
                // 1. 如果抛出异常, 新promise状态变为rejected,值为抛出的值 
                // throw('异常')

                // 2.如果返回的是一个非Promise对象,则新的Promise对象的状态变为fulfilled(成功),
                //值为返回的值 
                 // return 'success'

                // 3.如果返回的是一个Promise对象，则该Promise对象的状态和结果决定then所返回的Promise对象
                return new Promise((resolve,reject)=>{
                    resolve('hello')
                })
            },(reason)=>{

            })

            console.log(result)

3.5 Promise 如何串连多个操作任务?

		// then可以链式调用
        let p = new Promise((resolve,reject)=>{
            resolve('ok')
        })

        p.then(value=>{
            return new Promise((resolve,reject)=>{
                resolve('success')
            })
        }).then(value=>{
            console.log(value)  // success
        }).then(value=>{
            // 这里为什么是undefined，因为上一个Promise对象没有返回值所以值为undefined
            // 因为是非promise对象所以状态为fulfilled
            console.log(value)  //undefined
        })

3.6 Promise 异常穿透

			//当使用Promise的then链式调用时，可以在最后指定失败的回调，当前面任何操作出现异常，都会传到最后失败的回调中去处理

          let p = new Promise((resolve,reject)=>{
             reject('error')
         })

         p.then(value=>{
             console.log(111)
         }).then(value=>{
             console.log(222)
         }).then(value=>{
             console.log(333)
         }).catch(reason=>{
             console.log(reason)  //Error
         })


         let p1 = new Promise((resolve,reject)=>{
             resolve('ok')
         })
         
         p1.then(value=>{
             console.log(111)
         }).then(value=>{
             throw('错误222')
         }).then(value=>{
             console.log(333)
         }).then(value=>{
            console.log(444)
         }).catch(reason=>{
             console.log(reason)  //错误222
         })

3.7 怎么中断Promise链?

        // 有且只有一种办法就是返回一个pending状态的Promise对象
        let p = new Promise((resolve,reject)=>{
            resolve('ok')
        })

        p.then(value=>{
            console.log(111)
        }).then(value=>{
            return new Promise(()=>{})
        }).then(value=>{
            console.log(222)
        })

---

总结

以上就是今天要讲的内容，希望对大家有所帮助！！！