JSFiddle - React, Tailwind, and code Playground

by Jagrati Tomar

JavaScript

// promises


const p1 = new Promise((resolve, reject) => {
	setTimeout(() => {
  	resolve("data");
  }, 700)
  
})

const p2 = new Promise((resolve, reject) => {
	setTimeout(() => {
  	reject("data2");
  }, 300)
})

// Implementing promise.all
Promise.all([p1, p2]).then(([res1, res2]) => {
  console.log(res1);
  console.log(res2);
}).catch((error) => {
  console.log(error);
}).finally(() => {
	console.log("done")
})

/* const promiseall = promiseArr => {
  let resNumber = 0;
  let results = [];
  return new Promise((resolve, reject) => {
    promiseArr.forEach((p, index) => {
      Promise.resolve(p).then((res) => {
        resNumber += 1;
        results[index] = res;
        if (resNumber === promiseArr.length) {
          resolve(results);
        }
      }).catch((er) => {
          reject(er);
      });
    });
  });
};

promiseall([p1, p2]).then(([res1, res2]) => {
  console.log(res1);
  console.log(res2);
}).catch((error) => {
  console.log(error);
}) */