前言
今天开始和大家一起系统的学习ES6+,每天3分钟,用一把斗地主的时间,重学ES6+,今天介绍的是ES6中新增的内容Promise的then、catch、finally方法,都属于Promise的实例方法,都是存放在Promise的prototype上的。
Promise回调函数Executor
Executor是在创建Promise时需要传入的一个回调函数,这个回调函数会被立即执行,并且传入两个参数:
new Promise((resovle,reject)=>{ console.log('Executor') })
- 通常我们会在Executor中确定我们的Promise状态:
- 通过resolve,可以兑现(fulfilled)Promise的状态,我们也可以称之为已决议(resolved);
- 通过reject,可以拒绝(reject)Promise的状态;
- 这里需要注意:一旦状态被确定下来,Promise的状态会被 锁死,该Promise的状态是不可更改的
- 在我们调用resolve的时候,如果resolve传入的值本身不是一个Promise,那么会将该Promise的状态变成兑现(fulfilled);
- 在之后我们去调用reject时,已经不会有任何的响应了(并不是这行代码不会执行,而是无法改变Promise状态);
代码演示promise 三种状态
const promise = new Promise((resolve, reject) => { }) promise.then(res => { }, err => { }) // 完全等价于下面的代码 // 注意: Promise状态一旦确定下来, 那么就是不可更改的(锁定) new Promise((resolve, reject) => { // pending状态: 待定/悬而未决的 console.log("--------") reject() // 处于rejected状态(已拒绝状态) resolve() // 处于fulfilled状态(已敲定/兑现状态) console.log("++++++++++++") }).then(res => { console.log("res:", res) }, err => { console.log("err:", err) })
resovle不同值的区别
- 情况一:如果resolve传入一个普通的值或者对象,那么这个值会作为then回调的参数;
- 情况二:如果resolve中传入的是另外一个Promise,那么这个新Promise会决定原Promise的状态:
代码演示
// 1.传入Promise的特殊情况 const newPromise = new Promise((resolve, reject) => { // resolve("aaaaaa") reject("err message") }) new Promise((resolve, reject) => { // pending -> fulfilled resolve(newPromise) }).then(res => { console.log("res:", res) }, err => { console.log("err:", err) }) // err:reject message
- 情况三:如果resolve中传入的是一个对象,并且这个对象有实现then方法,那么会执行该then方法,并且根据 then方法的结果来决定Promise的状态:
new Promise((resolve, reject) => { // pending -> fulfilled const obj = { then: function(resolve, reject) { // resolve("resolve message") reject("reject message") } } resolve(obj) }).then(res => { console.log("res:", res) }, err => { console.log("err:", err) }) // err:reject message