Promise是异步编程的一种实现方式。Promise是一个对象,从它可以获取异步操作的消息。
1. Promise的特点
a. 对象的状态不受外界环境影响。Promise有三种状态,pending(进行中),fulfilled(已成功),rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他的操作都无法改变这个状态。
b. 状态一旦改变就不会再变。Promise对象的状态改变只有两种可能,从pending变为fulfilled,从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为resolved(已定型)。
c. 无法取消Promise,一旦新建它就会立即执行,无法中途取消。
d. 如果不设置回调函数,Promise内部抛出的错误,不会反应到外部。
e. 当处于pending状态时候,无法得知目前进展到哪个阶段。
2.基本用法
ES6规定,Promise对象是一个构造函数,用来生成Promise实例。1
2
3
4
5
6
7
8
9
10
11
12
13const promise = new Promise(function(resolve, reject){
if (/*异步操作*/){
resolve(result);
} else {
reject(error);
}
})
//调用
promise.then(function(result){
//todo...
}, function(error){
console.log(error);
})
Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve和reject。
resolve函数的作用是:将Promise对象的状态从“未完成(pending)”变为“成功(resolved)”,在异步操作成功时调用,并将异步操作的结果作为参数传递出去。
reject函数的作用是: 将Promise对象的状态从“未完成(pending)”变为“失败(rejected)”,在异步操作失败时调用,并将异步操作的错误信息作为参数传出。
Promise实例生成后,可以用then方法分别指定resolved状态和rejected状态的回调函数。
then方法接受两个回调函数作为参数,第一个参数是Promise对象的状态变为resolved的时候调用,第二个是Promise的状态变为rejected的时候调用。第二个参数是可选的。
3. 基本方法
1. Promise.portotype.then()
then方法是定义在原型对象Promise.prototype上的。作用是为Promise实例添加状态改变时的回调函数。
then方法返回的是一个新的Promise实例,因此可以采用链式写法,即then方法后面再调用另一个then方法。
1 | promise.then(function(res){ |
第一个回调函数完成后,会将返回结果作为参数传入第二个回调函数。
2. Promise.portotype.catch()
Promise.portotype.catch()方法是.then(null, rejection)或者.then(undefined, rejection)的别名,用于指定发生错误时候的回调函数。1
2
3
4
5promise.then(function(res){
//todo ...
}).catch(function(err){
console.log(err);
})
上面的这段代码中如果promise对象状态为resolved,则会调用then方法指定的回调函数,如果异步操作抛出错误,状态就会变为rejected,就会调用catch方法指定的回调函数,处理错误。另外,如果then方法指定的回调函数抛出错误,也会被catch方法捕获。
3. Promise.portotype.finally()
finally方法用于指定不管Promise对象最后的状态如何,都会执行的操作。1
2
3
4
5
6
7promise.then(res => {
//todo...
}).catch(err => {
console.log(err);
}).finally(() =>{
//todo...
})