扩展内置的 javascript Promise

Question

我正在尝试用一种新方法来扩展 javascript 承诺。在这种情况下，这个新方法称为foo，它确实做了这样的事情：

Promise.foo = function(arg) {
  return this.then( function(result) {
    return result.foo(arg);
  });
};

简而言之，foo() 函数是一个快捷方式，用于等待 promise 解决，然后在结果上调用 foo()。

这个函数的本质是可以链接，就像then()可以一样。

myPromise.foo(a).foo(b).foo(c);

我觉得这应该是可能的，但我只是不确定正确的路径是什么。

这是我尝试过的：

var FooPromise = function() {
   Promise.apply(this, arguments);
}

FooPromise.prototype = Object.create(Promise.prototype);
FooPromise.foo = function(arg) {
  return this.then( function(result) {
    return result.foo(arg);
  });
};

测试一下：

var test = new FooPromise(function(res, rej) {
   res('bla');
});

在 Firefox 中，这给了我：

TypeError: calling a builtin Promise constructor without new is forbidden

在节点中：

TypeError: #<Promise> is not a promise

这只是javascript的限制，还是有办法解决这个问题？

Answer 1

ES6方式：

class FooPromise extends Promise {
    constructor(executor) {
        super(executor);
    }
}

var fooPromise = new FooPromise((resolve,reject)=>{
   resolve(null);
});

Answer 2

经过更多研究，我找到了以下解决方案。无需扩展内置的 Promise。您真正需要的是确保您的对象正确实现 then（又名 Promise/A+ / thenable）。

function FooPromise(executor) {

  this.innerPromise = new Promise(executor);

}

FooPromise.prototype = {

 then: function(onFulfilled, onRejected) {

    return new FooPromise(function(res, rej) {

       this.innerPromise.then(res, rej);

    });

  },

  foo: function() {

    return this.then(function(val) {

      return val.foo();

    });

  }

}

这在 ES5 环境中运行良好，与其他 Promise 甚至 async/await（如果可用）完美配合。

我成功实现了这个模式this open source library。