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 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,734评论 1 56
  • Promiese 简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,语法上说,Pr...
    雨飞飞雨阅读 3,393评论 0 19
  • 1. Promise 的含义 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个...
    ROBIN2015阅读 528评论 0 0
  • 一、Promise的含义 Promise在JavaScript语言中早有实现,ES6将其写进了语言标准,统一了用法...
    Alex灌汤猫阅读 842评论 0 2
  • 目录:Promise 的含义基本用法Promise.prototype.then()Promise.prototy...
    BluesCurry阅读 1,503评论 0 8