Promise
1. 定义
const promise = new Promise(function(resolve, reject) {
// ... 异步操作
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
注意：Promise构造函数的参数是一个函数，并且该函数的二个参数也是函数。
promise.then(
function(value) {//resolved状态的回调函数
// success
}
, function(error) {//rejected状态的回调函数
// failure
}
);
注意：Promise的实例用.then指定resolved和rejected状态的回调函数。其中，第二rejected回调函数可以为空。
注意：.then指定的回调函数是异步回调函数，需要注意运行时机(同步代码完成之后)和this指针指向(window)
2. 缺陷
- Promise对象一旦建立就会立即执行
- 无法取消Promise
- 如果未指定rejected状态的回调函数，内部错误无法抛出到外部
- Promise函数执行中时，无法得知执行进度
3. 状态
Promise对象的状态有3种：
- Pending
- Fulfilled
- Rejected
只有在函数内部可以更改状态值，外部无法改变。
状态改变后，无法再次改变，重新添加回调函数将会立即得到相同结果。
let pms = new Promise(
function(rlv,rjt){
rlv(1);
}
);
pms.then(
function(value){
console.log(value)
}
);//1
//再次添加
pms.then(
function(value2){
console.log(value2)
}
);//1
Promise可以嵌套Promise，如下：
const p1 = new Promise(function (resolve, reject) {
// ...
});
const p2 = new Promise(function (resolve, reject) {
// ...
resolve(p1);
})
4. Promise.then的链式调用
Promise.then方法返回的是一个新的Promise实例,因此可以像下面这样调用
getJSON("/posts.json").then(function(json) {
return json.post;
}).then(function(post) {
// ...
});
5. Promise.catch和finally
- catch总是捕捉距离最近的promise返回
因此要处理前一个Promise的错误应把catch放在then之前。
因为then返回的也是一个promise，如果then内部出现错误，则catch捕捉到的就是then的错误。 - finally(ES2018)不管promise最终是什么状态，都会执行
6. Promise.all 和 Promise.race
all：所有都变成fulfilled，则返回fulfilled。任意一个编程rejected，则返回rejected
race：任意一个率先编程fulfilled或rejected，则返回fulfilled或rejected
const pa = Promise.all([p1, p2, p3]);
const pr = Promise.race([p1, p2, p3]);
