【前端面试】-- 必知必会的promise题

Promise 想必大家都十分熟悉，想想就那么几个 api，可是你真的了解 Promise 吗？

请迎接测试:

以下 promise 均指代 Promise 实例，环境是 Node.js

题目一：

const promise = new Promise((resolve, reject) => {
            console.log(1)
            resolve()
            console.log(2)
        })
        promise.then(() => {
            console.log(3)
        })
        console.log(4)

运行结果:

 解释：Promise构造函数都是同步执行的，promise then中的函数是异步执行的。

题目二：

 运行结果：

 

解释：promise 有 3 种状态：pending、fulfilled 或 rejected

then异步，setTimeout异步；刚开始都是pending；状态改变只能是 pending->fulfilled 或者 pending->rejected，状态一旦改变则不能再变；上面 promise2 并不是 promise1，而是返回的一个新的 Promise 实例

题目三：

 运行结果：

解释： 

构造函数中的 resolve 或 reject 只有第一次执行有效，多次调用没有任何作用，呼应代码二结论：promise 状态一旦改变则不能再变

题目四：

运行结果：

 

 解释：

promise 可以链式调用，提起链式调用我们通常会想到通过 return this 实现，不过 Promise 并不是这样实现的；

promise 每次调用 .then 或者 .catch 都会返回一个新的 promise，从而实现了链式调用

题目五：

运行结果：

解释：

promise 的 .then 或者 .catch 可以被调用多次，但这里 Promise 构造函数只执行一次。或者说 promise 内部状态一经改变，并且有了一个值，那么后续每次调用 .then 或者 .catch 都会直接拿到该值

题目六：

运行结果：

解释：

.then 或者 .catch 中 return 一个 error 对象并不会抛出错误，所以不会被后续的 .catch 捕获，要被捕获需要改成其中一种：

因为返回任意一个非 promise 的值都会被包裹成 promise 对象，即 return new Error('error!!!') 等价于 return Promise.resolve(new Error('error!!!'))