Promise是什么?
Promise 对象代表一个异步操作。Promise有三种状态:pending(初始状态)
fulfilled: (操作成功)rejected: (操作失败)。es6的Promise让异步操作可以已同步操作的流程表达出来,这大大改善了之前异步操作的回调地狱情况。遗憾的是Promise一经创建无法中途取消,而且不设置回调内部出现错误也无法反应到外部。
手动创建一个Promise
//创建一个名为namePromise的function function namePromise() { // 内部返回一个Promise构造函数 构造函数包含一个参数和一个带有 resolve(解析)和 reject(拒绝)两个参数的回调。 return new Promise((resolve, reject) => { //在回调中执行一些操作(例如异步),如果一切都正常,则调用 resolve,否则调用 reject。 if (1<3) { resolve({ data: {code:200} }); } else { reject(new Error('错误')); } }); } //调用Promise namePromise().then((data:Objcte)=>{ //then 此时如果Promise内部处理成功切无抛错情况 //但是此时我们的Promise经过我们的处理抛出的是reject异常回调 ) .catch((err)=>{ log(err) //输出抛出的Error构造函数 })
Promise实例
我们打印Promise构造函数,发现在它的实例上面 除constructor对象外提供了三个方法,让我们一一解读。
如图:
catch方法 用于指定发生错误时的回调函数,在处理函数中提供一个参数用于接受收异常信息。
then方法 返回的是一个新的Promise实例(注意,不是原来那个Promise实例)。因此可以采用链式写法,即then方法后面再调用另一个then方法
finally方法 此方法Promise无论成功失败都会经过finally方法。