Myujth

I'm using axios library and using then(), catch() and finally(). Works perfectly in Chrome. However the finally() method does not work in MS Edge. I researched using polyfills or shims and I'm lost. I am not using webpack or transpiling and don't plan to add them. I need to keep this simple. How can I add a polyfill to make sure finally() works in Edge? Thanks!

This was actually a bit more difficult than I thought. This should even handle the propagation of the thenable's species in addition to the behaviors detailed below:

Promise.prototype.finally = Promise.prototype.finally || 
 finally (fn) 
 const onFinally = cb => Promise.resolve(fn()).then(cb);
 return this.then(
 result => onFinally(() => result),
 reason => onFinally(() => throw reason; )
 );
 
.finally;

This implementation is based on the documented behavior of finally() and depends on then() being compliant to the specification:

• A finally callback will not receive any argument, since there's no reliable means of determining if the promise was fulfilled or rejected. This use case is for precisely when you do not care about the rejection reason, or the fulfillment value, and so there's no need to provide it.




• Unlike Promise.resolve(2).then(() => , () => ) (which will be resolved with undefined), Promise.resolve(2).finally(() => ) will be resolved with 2.




• Similarly, unlike Promise.reject(3).then(() => , () => ) (which will be fulfilled with undefined), Promise.reject(3).finally(() => ) will be rejected with 3.

Note: A throw (or returning a rejected promise) in the finally callback will reject the new promise with the rejection reason specified when calling throw().

And of course a demonstration of equivalent behavior:

const log = impl => state => value => console.log(impl, state, value);
const delay = (...args) => new Promise(resolve => setTimeout(resolve, ...args); ); 
const native = log('native');

Promise
 .resolve(2)
 .finally(native('finally'))
 .then(native('resolve'), native('reject'));
 
Promise
 .reject(3)
 .finally(native('finally'))
 .then(native('resolve'), native('reject'));
 
Promise
 .resolve(4)
 .finally(() => delay(1000, 5))
 .then(native('resolve'), native('reject'));

// force Promise to use the polyfill implementation
Promise.prototype.finally = /* Promise.prototype.finally || */ 
 finally (fn) 
 const onFinally = cb => Promise.resolve(fn()).then(cb);
 return this.then(
 result => onFinally(() => result),
 reason => onFinally(() => throw reason; )
 );
 
.finally;

const polyfill = log('polyfill');

Promise
 .resolve(2)
 .finally(polyfill('finally'))
 .then(polyfill('resolve'), polyfill('reject'));

Promise
 .reject(3)
 .finally(polyfill('finally'))
 .then(polyfill('resolve'), polyfill('reject'));

Promise
 .resolve(4)
 .finally(() => delay(1000, 5))
 .then(polyfill('resolve'), polyfill('reject'));

Thanks to @Bergi for his input on this answer. Please see his implementation and upvote it as well if you found this post helpful.