then的格式及执行逻辑

作用:

then方法的作用是为Promise对象添加状态改变时的回调函数。

下面从其调用格式，执行逻辑及返回值三个方面来介绍

then的调用格式

它有两个参数，每个参数都是函数。 第二个参数是可选的。

如下：

// p 是一个promise对象
p.then(函数1[,函数2])

它的两个参数都是函数。

• 第一个参数是resolved状态的回调函数。当p的状态从pending变成了resolved，函数1会执行。
• 第二个参数是rejected状态的回调函数。 当p的状态从pending变成了rejected，函数2会执行。

其中第二个参数是可选的，如果只写一个参数的话就是如下:

promise对象.then(函数1)

---

执行逻辑

以如下代码为例:

let p = new Promise((resolve,reject)=>{
                    //  resolve(val1);
    reject(val2)
})

p.then(
    okVal =>{
        console.info("成功");
    	console.log(okValue);
    }, 
	errVal=>{
    	console.info("失败");
    	console.log(errValue);
    }
)

它的两个参数都是函数，其执行逻辑是:

• 如果promise对象的状态是resolved，则then()会执行第一个函数，并传入当前的PromiseValue（即上面的val1）;
• 如果promise对象的状态是rejected，则then()会执行第二个函数，并传入当前的PromiseValue（即上面的val2）;
• 特别地，如果promise对象的状态是rejected，且此时then方法并没有设置第二个参数，就会向外抛出一个错误，错误的提示大约是Uncaught (in promise)。

---

示例代码:

let p = new Promise((resolve,reject)=>{
    resolve(1)//主动调用resolve，并传入
})
// 此时，P的状态是resolved，且值promiseValue 是1.
p.then((res)=>{
    // 因为p的状态是resolved，所以自动执行then的第一个参数，并且把promisevalue传进来。
    console.log("then,ok",res)
})

执行输出结果是：then,ok,1

---

then的返回值

then()方法的返回值也是一个promise对象，但是要注意的是它的返回值是一个新的promise对象，与调用then方法的并不是同一个对象。

如下代码:

let p1 = new Promise(()=>{});
let p2 = p1.then(function f_ok(){}, function f_err(){}); 
// p2也是一个promise对象。

console.log(p1 === p2); // false

如上代码可以说明p1.then()的结果是一个与p1不同的promise对象。换句话说，then()会封装一个全新的promise对象p2。那既然 p2也是一个promise对象，那么，p2的状态（promiseStatus）和值(promiseValue)分别是什么？

p2的状态及promiseValue如何确定？

p2的状态及promiseValue按如下规则来确定

• 如果p1的状态是pending,则p2的状态也是pending。
• 如果p1的状态是resolved，then()会去执行f_ok，则p2的状态由f_ok的返回值决定。

• • 如果f_ok返回值不是promise对象，则p2的状态是resolved，且p2的promiseValue就是f_ok函数的return值。
  • 如果f_ok返回值是一个promise对象，则p2的状态及promiseValue以这个promise对象为准。
  • 如果f_ok这个函数内部发生了错误（或者是用户主动抛出错误），则p2的状态是rejected，且p2的promiseValue就是这个错误对象。

• 如果p1的状态是rejected，then()会去执行f_err，则p2的状态由f_err的返回值决定。

• • 如果f_err返回值不是promise对象，则p2的状态是resolved，且p2的promiseValue就是f_err函数的return值。
  • 如果f_err返回值是一个promise对象，则p2的状态及promiseValue以这个promise对象为准。
  • 如果f_err这个函数内部发生了错误（或者是用户主动抛出错误），则p2的状态是rejected，且p2的promiseValue就是这个错误对象。

---

示例1:

let p1 = new Promise(()=>{});
let p2 = p1.then(function f_ok(){}, function f_err(){}); // p2也是一个promise对象。
console.dir(p1); // pending
console.dir(p2); // pending

---

示例2:

let p1 = new Promise((resolve,reject)=>{ resolve()});
let p2 = p1.then(function f_ok(){
    return 1
}, function f_err(){}); // p2也是一个promise对象。
console.dir(p1);    // resolved, undefined
console.dir(p2); // resolved, 1

特殊地，如果f_ok()中并没有return语句，则相当于是 return undefined。