Promise是一个对象,用来传递异步操作的消息。
特点:
1. 对象的状态不受外界影响。
有3种状态:Pending(进行中)、Resolved(已完成)、Rejected(已失败)
任何其他操作都无法改变这个状态
2. 一旦状态改变就不会再变,任何时候都可以得到这个结果。
Promise对象的状态改变只有两种可能:从Pending变为Resolved和从Pending变为Rejected。只要其中之一发生,状态就凝固了,不会再变,会一直保持这个结果。
3. 无法取消Promise,一旦新建它就会立即执行,无法中途取消。
4. 如果不设置回调函数,Promise内部抛出的错误不会反应到外部。
5. 当处于Pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。
基本用法:
Promise对象是一个构造函数,用来生成Promise实例
let promise = new Promise(function(resolve, reject) {
if(/*异步操作成功*/) { resolve(value) }
else{ reject(err) }
})
Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve和reject。它们是两个函数,由JavaScript引擎提供,不用自己部署。
.then()方法 (返回的是一个新的Promise实例)
Promise实例生成以后,可以用then方法分别指定Resolved状态和Rejected状态的回调函数。
then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为Resolved时调用,第二个回调函数是Promise对象的状态变为Rejected时调用。其中,第二个函数是可选的,不一定要提供。这两个函数都接受Promise对象传出的值作为参数。
promise.then( function(value) { // 成功 }, function(value) { // 失败 } )
.catch()方法
用于指定发生错误时的回调函数,等同于 .then(null,rejection)
getJSON('/post.json).then( (post) =>{} ).catch( (err) => {} )
getJSON方法返回一个Promise对象,如果该对象状态变为Resolved,则会调用then方法指定的回调函数;如果异步操作抛出错误,状态就会变为Rejected,就会调用catch方法指定的回调函数处理这个错误。
Promise对象的错误具有“冒泡”性质,会一直向后传递,直到被捕获为止。也就是说,错误总是会被下一个catch语句捕获。
一共有3个Promise对象:一个由getJSON产生,两个由then产生。其中任何一个抛出的错误都会被最后一个catch捕获。
一般说来,不要在then方法中定义Rejected状态的回调函数(即then的第二个参数),而应总是使用catch方法。
catch方法返回的还是一个Promise对象,因此后面还可以接着调用then方法。如果没有报错,则会跳过catch方法。
.all()方法
Promise.all方法用于将多个Promise实例包装成一个新的Promise实例。
let p = Promise.all( [p1, p2, p3] )
Promise.all方法接受一个数组作为参数,p1、p2、p3都是Promise对象的实例;如果不是,就会先调用下面讲到的Promise.resolve方法,将参数转为Promise实例,再进一步处理。(Promise.all方法的参数不一定是数组,但是必须具有Iterator接口,且返回的每个成员都是Promise实例。)
p的状态由p1、p2、p3决定,分成两种情况:
1.只有p1、p2、p3的状态都变成Fulfilled,p的状态才会变成Fulfilled,此时p1、p2、p3的返回值组成一个数组,传递给p的回调函数。
2.只要p1、p2、p3中有一个被Rejected,p的状态就变成Rejected,此时第一个被Rejected的实例的返回值会传递给p的回调函数。
.race()方法
Promise.race方法同样是将多个Promise实例包装成一个新的Promise实例。
let p = Promise.race([p1, p2, p3])
只要p1、p2、p3中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的Promise实例的返回值,就传递给p的回调函数。
如果指定时间内没有获得结果,就将Promise的状态变为Rejected,否则变为Resolved。 如果5秒之内fetch方法无法返回结果,变量p的状态就会变为Rejected,从而触发catch方法指定的回调函数。
.resolve()方法
将现有对象转为Promise对象
Promise.resolve('foo') 等价于new Promise(resolve => resolve('foo')
如果Promise.resolve方法的参数不是具有then方法的对象(又称thenable对象),则返回一个新的Promise对象,且其状态为Resolved.
Promise.resolve方法允许调用时不带参数。所以,如果希望得到一个Promise对象,比较方便的方法就是直接调用Promise.resolve方法。
.reject()方法
返回一个新的Promise实例,状态为Rejected。