Promise基本学习

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。

1、Promise三种状态

Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve
reject

  • resolve:将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
    reject:将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。
    Promise基本学习
    如果加载成功,就调用resolve方法,否则就调用reject方法

  • promise有三个状态
    1、pending (待定)初始状态
    2、fulfilled (实现)操作成功
    3、rejected (被否定)操作失败
    当promise状态发生改变,就会触发then()里的响应函数处理后续步骤;
    promise状态已经改变,不会再变

  • promise对象的状态改变,只有两种可能:
    从pending变为fulfilled
    从pending变为rejected
    这两种情况只要发生,状态就凝固了,不会再变了。

Promise基本学习
控制台结果:promise为pending初始状态
Promise基本学习

接下来通过代码实现一下
Promise基本学习
控制台结果
Promise基本学习
Promise基本学习
控制台结果
Promise基本学习
如下图,能够看出resolved和rejected状态及执行的回调函数Promise基本学习
让我们通过代码看一下then和catch到底是怎么回事吧
Promise基本学习
控制台出现报错
Promise基本学习
因为执行的是reject(),它不会执行then这个方法,如果我们调用resolve(),会成功执行then()
Promise基本学习
Promise基本学习

Promise基本学习
控制台结果
Promise基本学习
从结果里我们看出,then方法可以多次被调用!但是catch方法并没有被执行出来,原因很简单,因为状态是resolve(),只能执行then方法,那我们换成reject()状态,catch就会被执行出来
Promise基本学习
控制台结果
Promise基本学习

以上代码我们知道:
如果该对象状态变为resolved,则会调用then方法指定的回调函数;如果异步操作抛出错误,状态就会变为rejected,就会调用catch方法指定的回调函数,处理这个错误。