the 2 promises are: loading the next image Load_Img_p. a waiting animation before moving to the next image Timing_Anim_p. It also has a visual animation encouraging you to wait while waiting for the next image to fully load Hourglass_f. the…
I am exploring async nature of js, and wish to write parallel execution for for each loop iteration. But Promise.all() execute sequentially right?, readed at a website. But I tried below implementation. Is it the correct way to achieve the…
I have the following class that I'm using to route all my API requests through class PromiseBroker { #promises = {}; #overlayEle = document.getElementById('loading-overlay'); constructor(){ } get promises(){ return this.#promises; } setPromise(key, value){ this.promises[key] = value; this.#overlayEle.classList.remove('d-none'); Promise.allSettled(Object.values(this.promises)).then(results => {…
I have such a piece of code async function loop() { for (let i = 0; i < 3; i++) { console.log(i,new Error("").stack); await 1; } } loop(); when I run it in Node (Chrome engine) I get this: 0…
Below code snippet I have taken from the famous YDKJS - Async & Performance series, and have made a few changes for the sake of understanding. var p3 = new Promise( function(resolve,reject){ resolve( "B" ); } ); var p1 =…
I'm using setTimeout as a Promise. But then I cannot cancel it using clearTimeout. THis is my code: const delay = (ms) => new Promise((res) => setTimeout(res, ms)); delay(1000).then(() => console.log("Done")); But using this approach I cannot cancel timeout using…
I'm struggling to come up with a dynamic solution, I have an array of items, I need to send a POST request for each item in the array, however I do not want to send the next request until the…
I have an async function async function f1 (){ some db operation return result } What is the difference between the two code await f1() .then((result)=> something1. Can I use result here?) vs f1() .then((result)=>something2. Can I use result here?)
I'm learning promise and async await, here I want to call addPost function and push an object twice and then I want to loop on that array of objects to see the results, but in this code the result is…
I was reading about nested promises and encountered this coding challenge in the tutorials. Can someone explain the execution order of this code? new Promise((resolve) => { new Promise((res) => { console.log("c"); resolve(3); res(2); }).then((response) => console.log(response)) }).then((res) => console.log(res));…