Promise学习笔记

1、promise对象提供两个回调函数即resolve和reject

resolve回调成功处理函数,reject回调失败处理函数。

const promise = new Promise(function(resolve, reject) {
    // ... some code

    if (/* 异步操作成功 */){
        resolve(value);
    } else {
        reject(error);
    }
});

注意:
1、对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、resolved(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。
2、一旦状态改变,就不会再变,任何时候都只能得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为resolved和从pending变为rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。
3、如果改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。

2、Promise.then() 处理promise对象的结果

new Promise((resolve, reject) => {
    resolve('正确回调处理');
    // 或者
    // reject('错误回调处理);
}).then(ret => { 
    console.log(ret); // 正确回调处理
});

3、Promise.cath() 错误处理

new Promise((resolve, reject) => {
    resolve('正确回调处理');
    // 或者
    // reject('错误回调处理);
}).cath(error => console.log('错误处理'));

4、Promise.finally() 不管 Promise 对象最后状态如何,都会执行的操作

new Promise((resolve, reject) => {
    resolve('正确回调处理');
    // 或者
    // reject('错误回调处理);
}).finally(() => console.log('放在这里的都要执行'));

5、Promise.all() Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例

注意:
1、Promise.all方法接受一个数组作为参数。
2、Promise.all方法的参数可以不是数组,但必须具有 Iterator 接口,且返回的每个成员都是 Promise 实例。
3、Promise.all里面状态都变成resolved,状态才会变成resolved,此时返回值组成一个数组。
例:

Promise.all([
    Promise.resolve('1'),
    Promise.resolve('2'),
    Promise.resolve('3'),
    Promise.resolve('4'),
    Promise.resolve('5')
]).then(res => {
    console.log(res); // ["1", "2", "3", "4", "5"]
}) 

6、Promise.race() 跟 Promise.all()方法效果一致

不同的是:
只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给p的回调函数。

let p1 = Promise.resolve('1');
let p2 = Promise.resolve('2');
let p3 = Promise.resolve('3');

const p = Promise.race([p1, p2, p3]);
p.then(ret => console.log(ret)); // 1

7、Promise.resolve() 将现有对象转为 Promise 对象 该状态为resolve

Promise.resolve('成功了')

8、Promise.reject() 将现有对象转为 Promise 对象 该状态为reject

Promise.reject('错误了')

你可能感兴趣的:(Promise学习笔记)