含义
是异步编程的一种解决方案。
类似于一个容器,保存着某个未来才会结束的事件(通常是一个异步操作)的结果。
特点
- 对象的状态不受外界的影响。pending(进行中)、fulfilled(已成功)、rejected(已失败)。
只有异步操作的结果会影响对象的状态。 - 一旦状态改变就不会再变---比如拿到结果后(已成功),promis对象的状态就为请求成功状态,不会再改变。
局限性
- Promise无法取消,内部错误无法反应到外部,pending状态无法获取
用法
const promise = new Promise(function(resolve,reject){
if (/*请求成功条件*/) {
reselve(value);
} else {
reject(error);
}
});
promise.then(function(result){ // 第一个参数resolved时调用
console.log(result);
},function(error){ // 第二个参数rejected时调用
console.log(error);
})
Promise方法
1.Promise.prototype.then()
Promise实例有then
方法,then
方法第一个参数是resolved状态的回调,第二个是rejected状态的回调。
then
返回的的是一个新的promise实例,因此可以采用链式写法。
promise.then(function(json){
return json.post;
}).then(function(post){
// ...
});
第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调函数。如果前一个then返回的是一个新的promise,后一个then需要等新的promise状态发生改变后才会执行。
2.Promise.prototype.catch()
catch
是.then(null,rejection)
或者.then(undefined,rejection)
的别名,用于指定发生错误时的回调函数。
如果先把状态变为resolved然后再抛出错误是无效的。
在链式调用then的时候,promise对象错误会一直往后传递,直到最后一个catch。
建议:Promise对象后要跟catch()方法,处理promise的内部错误
如果一个错误没被捕获,这就是uncatch error,如果在这个错误后有.catch
则可以获取到这个错误。
3.Promise.prototype.finally()
.finally()
方法不管Promise对象最后的状态如何,都会执行操作。
4.Promise.all()
Promise.all()
方法用于多个promise实例,包装成一个新的Promise实例。
const p = Promise.all([p1, p2, p3]);
会触发Promise.all的条件:
1.当所有作为参数的promise都为resolved状态
2.当有一个promise为rejected状态。
3.当有一个promise为rejected状态,如果它自己有catch方法,Promise.all的catch方法是获取不到这个promise的错误的
5.Promise.race()
Promise.race()
同样是把多个Promise实例,包装成一个新的Promise实例。
与Promise.all()
类似,但是只要有一个参数promise为resolved状态,就会触发Promise.all()
的resolve()
方法,最先改变状态的实例的返回值,传递给Promise.race的回调函数。
如果一段时间内没有获取到结果,Promise.race的状态会变为reject,否则变为resolve。
6.Promise.allSettled()
Promise.allSettled()
接收一组promise实例作为参数,包装成一个新的Promise对象,只有参数的promise都返回结果,不论是fulfilled还是rejected,包装实例才会结束。
Promise.allSettled回调的参数是之前接收整个参数的结果。
const resolved = Promise.resolve(42);
const rejected = Promise.reject(-1);
const allSettledPromise = Promise.allSettled([resolved, rejected]);
allSettledPromise.then(function (results) {
console.log(results);
});
// [
// { status: 'fulfilled', value: 42 },
// { status: 'rejected', reason: -1 }
// ]
7.Promise.any()
Promise.any()
接收一组promise实例为参数。只要有一个编程fulfilled状态,包装实例就变成fulfilled状态;如果所有参数实例都变成rejected状态,包装实例才会变成rejected状态。
抛出错误回调的参数也是错误结果的数组
8.Promise.resolve()
将现有对象转换为Promise对象
9.Promise.reject()
将现有对象转换为Promise对象实例,该实例状态为reject
Promise.reject()方法的参数,会作为新对象实例reject的理由,变成后续方法的参数。
10.Promise.try()
包装一下普通函数,希望通过then控制流程,希望包装之前的函数是同步,包装之后也是同步,反之亦然。
const f = () => console.log('now');
Promise.try(f);
console.log('next');
// now
// next