Promise同时进入catch和then——踩坑

记录今天使用Promise遇到的一个坑——在resolve()返回运行then之后，函数又进入到了catch，源代码大意如下：

var pro = function() {
  return new Promise(function(resolve, reject) {
    if (true) {
      setTimeout(function() {
        resolve("lonhon");
      });
    } else {
      reject("不会执行到这的。");
    }
  });
};
pro().then(function(res) {
    console.log(res);
    res.pop("-");
  }, function(rej){
    console.log(rej);
    rej.pop();
  })
　.catch(function(err) {
    console.log(err);
  });

在promise中，已经resolve回"lonhon"这个结果，但是还是会进入到catch错误中，并且报错 TypeError: res.pop is not a function。

实际开发中是对ajax返回值进行了一些数据格式化的操作。开始疑惑的是，为什么已经resolve完成该promise了还是会进入catch；后来通过不停

后在 MDN 中发现了该条：

　　The Promise returned by catch() is rejected if onRejected throws an error or returns a Promise which is itself rejected; otherwise, it is resolved.

可以知道原因如下：catch()捕捉的是整个promise执行过程中的异常情况，并且返回该error。

当promise.then(ajaxDone(),ajaxFailed())中ajaxDone或是ajaxFailed出现硬性错误时（例中字符串pop()方法），都会进入到catch中。

个人归纳catch和reject两者的主要区别在于：

1.主动性， 前者是主动捕捉程序异常，后者是被动处理逻辑异常。

2.不可预测性，前者是人为没预测到的错误发生，后者是处理已经预测到的错误情况。

3.目的， 前者捕捉promise的错误，后者捕捉异步操作的错误。

reject常见于ajax请求时后台返回了不理想的值，catch常见于代码逻辑错误。