Cancellable Promises

I want to be able to cancel my promises, and am using something inspired by:

answer re: Cancel a vanilla ECMAScript 6 Promise chain

Jun 6 '19

10

const makeCancelable = promise => {
    let rejectFn;

    const wrappedPromise = new Promise((resolve, reject) => {
        rejectFn = reject;

        Promise.resolve(promise)
            .then(resolve)
            .catch(reject);
    });

    wrappedPromise.cancel = () => {
        rejectFn({ canceled: true });
    };

    return wrappedPromise;
};

Usage:

const cancelablePromise = makeCancelable(myPromise);
// ...
cancelablePromise.cancel();

Open Full Answer

The solution above works, but i would like to improve it and am not willing to use bluebirdjs or Observables (well, at least not currently...)

I would want to have that as a prototype of the Promise object, so i could call cancel on any native promise.

Anyone willing to offer the simplest implementation direction?

Comments

[Brad]

First does the example work?

Second, what would you want to improve if it works?

Third, if it doesn't work, whats wrong with using the mentioned libraries instead? Yes we all use too many libraries, but there is always the argument of not re-inventing the wheel right?

[Paul Melero]

I would advise you against adding properties to native prototypes. As it can lead to prototype names clashes. Adding options to native prototypes is like creating global variables, but worse. ;P

See what Eric Elliot says about it:

github.com/ericelliott/speculation...

Also, you might want to check that library ;)

Aaand this one: npmjs.com/package/p-cancelable

Is the one that got uses underneath.