一、promise介绍promise流程作用1指定回调函数的方式更加灵活1.旧的:必须在启动异步任务前指定promise:启动异步任务返回promie对象给promise对象绑定回调函数(甚至可以在异步任务结束后指定/多个)22.2.2.支持链式调用可以解决回调地狱问题1.什么是回调地狱?回调函数嵌套调用外部回调函数异步执行的结果是嵌套的回调执行的条件2.回调地狱的缺点?不便于阅读不便于异常处理3.解决方案?promise 链式调用util.promisify(original)传入一个遵循常见的错误优先的回调风格的函数即以 (err.value) …回调作为五i后一个参数)并返回一个返回promise的版本。promise的状态改变promise状态指的是实例对象中的一个属性 PromiseState1.pending 为 resolved2. pending 变为 rejected说明: 只有这2种且一个promise对象只能改变一次无论变为成功还是失败都会有一个结果数据成功的结果数据一般称为value失败的结果数据一般称为reasonpromise对象的值实例对象中的另一个属性 PromiseResultPromiseResult保存的是异步任务成功/失败的结果resolve / reject可以修改该属性的值二、API p2.catch(reason {console.log(reason);})promise构造函数Promise(excutor){ }(1)executor函数:执行器 (resolve,reject){ }(2)resolve函数:内部定义成功时我们调用的函数 value{ }(3)reject函数:内部定义失败时我们调用的函数reason{ }说明:executor会在Promise内部立即同步调用,异步操作在执行器中执行Promise.prototype.then方法(onResolved, onRejected){ }(1)onResolved函数:成功的回调函数 (value){}(2)onRejected函数:失败的回调函数 (reason){}说明:指定用于得到成功value的成功回调和用于得到失败reason的失败回调返回一个新的promise对象Promise.prototype.catch方法(onRejected){}(1) onRejected函数失败的回调函数(reason){}Promise.resolve方法(value){}(1) value成功的数据或promise对象说明返回一个成功/失败的promise对象Promise.reject方法(reason){}(1) reason失败的原因说明返回一个失败的promise对象Promise.all方法(promise){}(1) promise包含n个promise的数组说明返回一个新的promise只有所有的promise都成功才成功只要有一个失败了就直接失败Promise.race方法(promise){}1promise包含n个promise的数组说明:返回一个新的promise第一个完成的promise的结果状态就是最终的结果状态三、Promise的几个关键问题1.如何改变 promise 的状态?(1) resolve(value): 如果当前是 pending就会变为 resolved(2) reject(reason):如果当前是pending就会变为 rejected(3) 抛出异常:如果当前是pending就会变为rejected2.一个promise指定多个成功/失败回调函数都会调用吗?当promise 改变为对应状态时都会调用3. 改变promise状态和指定回调函数谁先谁后?(1) 都有可能正常情况下是先指定回调再改变状态但也可以先改状态再指定回调(2) 如何先改状态再指定回调?1在执行器中直接调用resolve()/reject()2延迟更长时间才调用then()(3)什么时候才能得到数据1如果先指定的回调那当状态发生改变时回调函数就会调用得到数据2如果先改变的状态那当指定回调时回调函数就会调用得到数据4.promise.then()返回的新promise的结果状态由什么决定(1简单表达由then()指定的回调函数执行的结果决定(2)详细表达1如果抛出异常新promise变为rejected,reason为抛出的异常2如果返回的是非promise的任意值新promise变为resolved,value为返回的值3如果返回的是另一个新promise此promise的结果就会成为新promise的结果5.promise如何串连多个操作任务(1promise的then()返回一个新的promise,可以开成then()的链式调用2通过then的链式调用串连多个同步/异步任务6.promise异常传透?1当使用promise的then链式调用时可以在最后指定失败的回调2前面任何操作出了异常都会传到最后失败的回调中处理7.中断 promise链1当使用promise的then链式调用时在中间中断不再调用后面的回调函数2办法在回调函数中返回一个pendding状态的promise对象四、Promise自定义封装
前端Promise
一、promise介绍promise流程作用1指定回调函数的方式更加灵活1.旧的:必须在启动异步任务前指定promise:启动异步任务返回promie对象给promise对象绑定回调函数(甚至可以在异步任务结束后指定/多个)22.2.2.支持链式调用可以解决回调地狱问题1.什么是回调地狱?回调函数嵌套调用外部回调函数异步执行的结果是嵌套的回调执行的条件2.回调地狱的缺点?不便于阅读不便于异常处理3.解决方案?promise 链式调用util.promisify(original)传入一个遵循常见的错误优先的回调风格的函数即以 (err.value) …回调作为五i后一个参数)并返回一个返回promise的版本。promise的状态改变promise状态指的是实例对象中的一个属性 PromiseState1.pending 为 resolved2. pending 变为 rejected说明: 只有这2种且一个promise对象只能改变一次无论变为成功还是失败都会有一个结果数据成功的结果数据一般称为value失败的结果数据一般称为reasonpromise对象的值实例对象中的另一个属性 PromiseResultPromiseResult保存的是异步任务成功/失败的结果resolve / reject可以修改该属性的值二、API p2.catch(reason {console.log(reason);})promise构造函数Promise(excutor){ }(1)executor函数:执行器 (resolve,reject){ }(2)resolve函数:内部定义成功时我们调用的函数 value{ }(3)reject函数:内部定义失败时我们调用的函数reason{ }说明:executor会在Promise内部立即同步调用,异步操作在执行器中执行Promise.prototype.then方法(onResolved, onRejected){ }(1)onResolved函数:成功的回调函数 (value){}(2)onRejected函数:失败的回调函数 (reason){}说明:指定用于得到成功value的成功回调和用于得到失败reason的失败回调返回一个新的promise对象Promise.prototype.catch方法(onRejected){}(1) onRejected函数失败的回调函数(reason){}Promise.resolve方法(value){}(1) value成功的数据或promise对象说明返回一个成功/失败的promise对象Promise.reject方法(reason){}(1) reason失败的原因说明返回一个失败的promise对象Promise.all方法(promise){}(1) promise包含n个promise的数组说明返回一个新的promise只有所有的promise都成功才成功只要有一个失败了就直接失败Promise.race方法(promise){}1promise包含n个promise的数组说明:返回一个新的promise第一个完成的promise的结果状态就是最终的结果状态三、Promise的几个关键问题1.如何改变 promise 的状态?(1) resolve(value): 如果当前是 pending就会变为 resolved(2) reject(reason):如果当前是pending就会变为 rejected(3) 抛出异常:如果当前是pending就会变为rejected2.一个promise指定多个成功/失败回调函数都会调用吗?当promise 改变为对应状态时都会调用3. 改变promise状态和指定回调函数谁先谁后?(1) 都有可能正常情况下是先指定回调再改变状态但也可以先改状态再指定回调(2) 如何先改状态再指定回调?1在执行器中直接调用resolve()/reject()2延迟更长时间才调用then()(3)什么时候才能得到数据1如果先指定的回调那当状态发生改变时回调函数就会调用得到数据2如果先改变的状态那当指定回调时回调函数就会调用得到数据4.promise.then()返回的新promise的结果状态由什么决定(1简单表达由then()指定的回调函数执行的结果决定(2)详细表达1如果抛出异常新promise变为rejected,reason为抛出的异常2如果返回的是非promise的任意值新promise变为resolved,value为返回的值3如果返回的是另一个新promise此promise的结果就会成为新promise的结果5.promise如何串连多个操作任务(1promise的then()返回一个新的promise,可以开成then()的链式调用2通过then的链式调用串连多个同步/异步任务6.promise异常传透?1当使用promise的then链式调用时可以在最后指定失败的回调2前面任何操作出了异常都会传到最后失败的回调中处理7.中断 promise链1当使用promise的then链式调用时在中间中断不再调用后面的回调函数2办法在回调函数中返回一个pendding状态的promise对象四、Promise自定义封装
