Javascript Promise：为什么捕获的异常仍然记录为未捕获？

Question

当我构建我的 Promise 并调用失败函数时，错误应该被 .catch 函数捕获，对吗？但是在 console.log 中，我仍然认为它是未捕获的（也触发了 .catch 函数）。为什么？或者这是故意的？我想我在概念上有些错误，希望得到启发！

考虑以下示例：

var A = {
  loadingPromise: null,
  loadingPromiseFail: null,
  loadingPromiseResolver: null,

  init: function() {
    this.loadingPromise = new Promise(
      function(resolve, fail) {
        this.loadingPromiseResolver = resolve;
        this.loadingPromiseFail = fail;
      }.bind(this)
    );

    this.loadingPromise.then(function(data) {
      console.log('success');
    }.bind(this));

    this.loadingPromise['catch'](function(e, x) {     
      console.log('error', e);
    }.bind(this));
  },

  doSomething: function() {
    setTimeout(function(){ 
     this.loadingPromiseFail('404');
    }.bind(this), 1000);
  }

}

A.init();
A.doSomething();

console.log：

error 404
uncaught exception: 404

为什么是第二个？

也在这里： https://jsfiddle.net/Paflow/4g7yj38b/6/

Answer 1

这段代码

this.loadingPromise.then(function(data) {
  console.log('success');
}.bind(this));

没有catch，所以错误确实没有被捕获

这就是你应该如何编写代码以正确使用 Promises

var A = {
  loadingPromise: null,
  loadingPromiseFail: null,
  loadingPromiseResolver: null,

  init: function() {
    this.loadingPromise = new Promise(
      function(resolve, fail) {
        this.loadingPromiseResolver = resolve;
        this.loadingPromiseFail = fail;
      }.bind(this)
    );

    this.loadingPromise.then(function(data) {
      console.log('success');
    }.bind(this)).catch(function(e, x) {
      console.log('error', e);
    }.bind(this));
  },

  doSomething: function() {
    setTimeout(function() {
      this.loadingPromiseFail('404');
    }.bind(this), 1000);
  }

}

A.init();
A.doSomething();

https://jsfiddle.net/4g7yj38b/7/

重点是，您可以将多个 .then（实际上是 .catch）添加到 Promise ... 每个“链”都是独立的，因此您应该有一个 .catch每个“链”都避免此控制台错误，即使这对其余代码没有实际影响