关于js中promise的面试题。

核心点
promise在生命周期内有三种状态，分别是pending，fulfilled或rejected，状体改变只能是 pending-fulfilled，或者pending-rejected。而且状态一旦改变就不能再次改变。

题1

 

promise.resolve().then(() => {
         console.log('a');
         return new Error('error');
     })
     .then((res)=>{
         console.log('b');
         console.log('then:',res);
     })
     .catch((err) =>{
         console.log('c');
         console.log('catch:',err);
     })

可能有些同学会认为出现了 new Error()就会想当然的认为会执行后面的catch函数，其实不然。

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

因次答案是：

a
b
c
then:Error : error

题2

   const promise = Promise.resolve()
                       .then(()=>{
                           return promise;
                       });
       promise.catch(console.error);

结果是

TypeError:Chaining cycle detected for promise #

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

题3

Promise.resolve(1)
       .then(2)
       .then(Promise.resolve(3))
       .then(console.log);

这个题目主要考察的是在 Promise的then或者catch方法中，接收的是一个函数，函数的参数是resolve或者rejiect函数的返回值，如果传入的值是非函数，那么就会产生值的穿透现象。
何为值穿透现象，简单理解就是传递的值会被直接忽略掉，继续执行链调用后续的方法。
所以 题3的 答案是 1.
第一个then接受值2 ，第二个接收一个Promise，都不是需要的函数，因此这二个then会发生值穿透。
而第三个then因为接收console.log函数，因此会执行，此时接收的是最开始的resolve(1)的值，因此最后返回 1.

题4

   Promise.resolve()
       .then(function success(res){
           throw new Error('error');
       },function faill(e){
           console.error('fail1:',e);
       })
       .catch(function fail2(e){
           console.error('fail2',e);
       })

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

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

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

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

Promise.resolve()
    .then(function success1 (res){
        thorw new Error('error');
    },function() fail1(e){
        console.error('fail1',e);
    })
    .then(function success2(res){},function fail2(e){
        console.error('fail2:',e);
    })