美文网首页
Promise学习笔记

Promise学习笔记

作者: myzony | 来源:发表于2019-05-23 17:15 被阅读0次

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

    本文是整理阮一峰大神ES6中 Promise 的学习笔记 目录: Promise.prototype.then()...

  • 实现Promise类,其中发现的细节

    Promise 源码学习笔记 在学习Promise中让我印象最深的就是他的 .then方法,所以我非常想知道它的实...

  • es6 Promise对象

    本文是本人学习时遇到Promise后,在网上查询资料及总结后的学习笔记。 什么是Promise? 看看MDN的定义...

  • es6 Promise源码学习笔记

    Promise 源码学习笔记 在学习Promise中让我印象最深的就是他的 .then方法,所以我非常想知道它的实...

  • Promise,async,await笔记

    Promise,async,await笔记 Promise 创建promise对象 Promise对象构造方法传入...

  • Promise学习笔记

    Promise对象 Promise 表示一个异步操作的最终结果,与之进行交互的方式主要是 then 方法,该方法注...

  • Promise学习笔记

    原文地址 resolve一个promise实例会发生什么? 如果把p1当作p2 resolve方法的参数,那么p1...

  • Promise学习笔记

    什么是Promise? Promise是es6新增的异步编程的一种解决方案,是es6的原生对象。它有三种状态: p...

  • Promise 学习笔记

    项目中频频用到 Promise,每次都只是在代码找之前别人是怎么用的,然后仿照别人的用法,出了 bug 也不知道是...

  • promise 学习笔记

    promise 是什么 Promise 对象用于一个异步操作的最终完成(或失败)及其结果值的表示。(简单说就是处理...

网友评论

      本文标题:Promise学习笔记

      本文链接:https://www.haomeiwen.com/subject/ifmbzqtx.html