Promise 对象
Promise对象
作用: Promise 是异步编程的一种解决方案,原生提供了Promise对象;
所谓Promise,简单说就是一个容器, 里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。
Promise 三种状态
1.pending:进行中
2.fulfilled: 已成功
3.rejected:(已失败)
pending
是否成功?
成功
fulfilled
失败
rejected
这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)
resolved 一般都是成功状态
Promise对象两个特点。
1.对象的状态不受外界影响
2.一旦状态改变,就不会再变
基本用法
ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。
const promise = new Promise(function(resolve, reject) {
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve和reject。它们是两个函数;
resolve函数的作用是:
在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
reject函数的作用是: 在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。
Promise实例生成以后,可以用then方法分别指定resolved状态和rejected状态的回调函数。
promise.then(function(value) {
// success
}, function(error) {
// failure
});
then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用(异步成功的结果),第二个回调函数是Promise对象的状态变为rejected时调用。其中,第二个函数是可选的,不一定要提供。这两个函数都接受Promise对象传出的值作为参数。
new Promise((resolve, rejected) => {
var flag = true;
if (flag) {
resolve('1')
} else {
rejected('2');
}
resolve('a')
}).then((data) => {
console.log(data);
}).catch(err => {
console.log(err);
}).finally(() => {
console.log("finally方法的回调函数不接受任何参数,这意味着没有办法知道promise状态");
console.log("1.我不知道promise状态,但是我执行了");
console.log("2.这里执行的是与promise状态无关的操作")
})
//all()
//const p = Promise.all([p1, p2, p3]);
//1)只有p1、p2、p3的状态都成功,p的状态才会变成成功,此时p1、p2、p3的返回值组成一个数组,传递给p的回调函数。
//2)只要p1、p2、p3之中有一个失败,p的状态就变成失败,此时第一个被reject的实例的返回值,会传递给p的回调函数。
//race()
//const p = Promise.race([p1, p2, p3]);
//1.只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给p的回调函数
//2.如果指定时间内没有获得结果,就将 Promise 的状态变为reject