前言

继上一篇文章《Javascript中Promise的几道面试题，由简到难，看看你都会做吗？》中，我们讲过了五道关于Promise的题目后，今天这篇文章我们继续来看看其他几道与Promise的面试题。

同样我将这些题目都放在github上，感兴趣的同学可以自取。

https://github.com/zhouxiongking/article-pages/blob/master/articles/promise-test/promise-test2.js

Javascript

核心点

同样我们需要表述一个Promise的核心点：Promise在生命周期内有三种状态，分别是pending、fulfilled 或 rejected，状态改变只能是pending->fulfilled(成功)，或者pending->rejected(失败)。而且状态一旦改变，就不能再次改变。

题目1

题目1的代码如下所示。

题目1

很多人看到第一题中出现了new Error()就会想当然的认为会执行后面的catch函数，其实不是这样的。

在then函数中return了一个Error，依然会按照正常的流程走下去，并不会执行后续的catch函数，这个是不同于throw抛出一个Error的，如果是throw抛出一个Error则会被catch函数捕获。

因此第一题的结果是

第一题答案

如果想要被catch，可以进行以下的更改

return Promise.reject(new Error('error!!!'))

throw new Error('error!!!')

题目2

题目2的代码如下所示。

题目2

题目2的结果如下图所示。

题目2答案

我们需要知道的是Promise的then或者catch里不能返回promise本身，否则会出现死循环，就是报上面那个错误。

题目3

题目3的代码如下图所示。

题目3

很多人乍一看这道题，会想当然的以为返回3，但是结果却不是这样的。

这道题的结果是只输出一个1，为什么会这样呢？

在Promise的then或者catch方法中，接收的是一个函数，函数的参数是resolve或者reject函数的返回值。如果传入的值是非函数，那么就会产生值穿透现象。

何为值穿透透现象？简单点理解就是传递的值会被直接忽略掉，继续执行链式调用后续的方法。

题目3中，第一个then方法接收一个值2，第二个then方法接收一个Promise，都不是需要的函数，因此这两个then会发生值穿透。

而第三个then因为接收到console.log函数，因此会执行，此时接收的是最开始的resolve(1)的值，因此最后返回的结果是1。

题目4

题目4的代码如下图所示。

题目4

在Promise的then方法中，可以接收两个函数，一个是用于resolve成功的函数，一个是用于reject失败的函数，两个函数只会调用一个。我们还可以通过.catch方法去实现then方法中的第二个表示失败的函数。

但是有一点不同的是.catch方法可以捕获之前从then方法中抛出的Error，而then方法中的第二个方法捕获不到第一个处理成功的方法中抛出的Error。

因此我们可以得出这道题目的答案，抛出fail2的Error。

题目4

上述的题目可以用下面的代码去理解。

题目4

结束语

结合之前的一篇文章，我们一共讲解了九道关于Promise的题目，这几道题都是必须要掌握的，有不懂的可以直接提问噢~