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!!!'))