Promises and the allSettled Method

In 2019, a new method was added to the Promise object - allSettled.
The method lets us run some code when the results of a collection of Promises have all been determined, regardless of whether or not they were resolved or rejected.
Code from video: gist.github.co...
CanIUse reference: caniuse.com/md...

[@RohitKumar-xs3wh]

cant miss your video notification, your way of explanation is gold!

[@hedovillaspuertobanusnamas5566]

Thanks Steve, I found your videos the very best online. Impossible not to understand. Well done, much appreciated

[@zyriab5797]

Clear, to the point and with nice examples. Thanks!

[@Gollumfili]

Another brilliant video. Please keep them coming!

[@lordfresh]

Amazing explanation, Steve. Thank you. It helped me a lot :)

[@amitmondal7427]

You are the JavaScript Hero

[@mattsmith6828]

Super helpful! Thank you! The only thing left for me to learn about promises is how to handle a Promise nested in the "success"/".then" function of an outer Promise. I don't know if that's even possible. Sure would be nice lol

[@SteveGriffith-Prof3ssorSt3v3]

A then( ) method call returns a Promise (or rather, wraps the return value of the function inside itself with a Promise). If the function returns a Promise then the two promises are flattened into a single Promise. If there is a next then( ) method, then it will be called when the flattened promise is resolved. Here is a chain of then methods showing different types of things being returned from each then( ) method function. new Promise((resolve, reject) => { resolve(42); }) .then(num => { console.log(num); //42 return new Promise(resolve =>{ resolve(num); }); }) .then( num => { console.log(num); // still 42 return Promise.resolve(num); }) .then( num => { console.log(num); //still 42 return num; }) .then(num => { console.log(num); //still 42 let arr = [Promise.resolve(num), new Promise(resolve=>resolve(123), fetch('someurl') ]; return Promise.all(arr) }) .then(results=>{ //results is an array of the values from the resolved promises });

[@mattsmith6828]

@@SteveGriffith-Prof3ssorSt3v3 thank you! i'll give this a look.

[@barungh]

No doubt, JS is best at you !👍👌💐💐💐

[@BrettCooper4702]

Does Promise.allSettled() even need a .catch() ?

[@SteveGriffith-Prof3ssorSt3v3]

Yes. Things can still go wrong. In Node you will get warnings for any Promise without a catch.

[@BlackBoy-gq4jt]

clear and concise.

[@SBSS_Future_Truks]

Skeee grififf 🤟🏽 learned a lot graditude

[@nik08101986]

If any api is giving too much delay .. while fetching response, then all settled function should be blocked... Till waiting for it

[@SteveGriffith-Prof3ssorSt3v3]

Yes. This applies to all HTTP requests from the browser, not just API calls. The browser will eventually time out if the request is taking too long.

[@نقطة-ي4ج]

please, i love to see you, to remake your populare videos with better quality videos and sounds. and better zoom level for mobile viewers.

[@MRABDULALI-123]

Really great but sometimes you think your audience is only pros not the begineers

[@SteveGriffith-Prof3ssorSt3v3]

Some videos are for beginners and others are on topics that won't mean much to beginners. For many topics I have to assume a certain amount of background knowledge. I present the content the same way I would in the classroom. Online the topics are available for anyone at any level who wants to explore the topic, regardless of their experience level.