Promise.all for parallel execution in Node.js - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to run multiple promises in parallel using Promise.all.

Node.js

const promise1 = Promise.resolve(3);
const promise2 = Promise.resolve(5);

Promise.[1]([promise1, promise2])
  .then(results => {
    console.log(results); // [3, 5]
  });

Drag options to blanks, or click blank then click option'

Aall

Brace

Cany

Dresolve

Attempts:

3 left

💡 Hint

Common Mistakes

Using Promise.race instead of Promise.all

Using Promise.resolve which does not accept an array

Promise.all runs all promises in parallel and waits for all to resolve.

2fill in blank

medium

Complete the code to handle the results of Promise.all with async/await syntax.

Node.js

async function fetchData() {
  const results = await Promise.all([1]);
  console.log(results);
}

fetchData();

Drag options to blanks, or click blank then click option'

AfetchUser() && fetchPosts()

BfetchUser(), fetchPosts()

C[fetchUser(), fetchPosts()]

D{fetchUser(), fetchPosts()}

Attempts:

3 left

💡 Hint

Common Mistakes

Passing promises separated by commas without array brackets

Using curly braces instead of square brackets

Promise.all expects an array of promises as input.

3fill in blank

hard

Fix the error in the code to correctly catch errors from Promise.all.

Node.js

Promise.all([promiseA, promiseB])
  .then(results => {
    console.log(results);
  })
  .[1](error => {
    console.error('Error:', error);
  });

Drag options to blanks, or click blank then click option'

Afinally

Bcatch

Cthen

Derror

Attempts:

3 left

💡 Hint

Common Mistakes

Using then instead of catch for error handling

Using finally which runs regardless of success or failure

The catch method handles errors from promises.

4fill in blank

hard

Fill both blanks to create a function that runs two async tasks in parallel and returns their results.

Node.js

async function runTasks() {
  const results = await Promise.[1]([task1(), task2()]);
  return results.[2](result => result * 2);
}

Drag options to blanks, or click blank then click option'

Aall

Bmap

Cfilter

Dreduce

Attempts:

3 left

💡 Hint

Common Mistakes

Using filter or reduce instead of map for transforming results

Using Promise.race instead of Promise.all

Promise.all runs tasks in parallel. Then map doubles each result.

5fill in blank

hard

Fill all three blanks to create a function that fetches user data and posts in parallel, then logs user name and post count.

Node.js

async function fetchUserData() {
  const [[1], [2]] = await Promise.[3]([getUser(), getPosts()]);
  console.log(`User: ${user.name}, Posts: ${posts.length}`);
}

Drag options to blanks, or click blank then click option'

Auser

Bposts

Call

Drace

Attempts:

3 left

💡 Hint

Common Mistakes

Using Promise.race which resolves on first promise

Not destructuring the results array

Destructure results as user and posts. Use Promise.all to run both fetches in parallel.

Practice

1. What does Promise.all do in Node.js?

easy

A. Runs promises one after another in sequence

B. Runs only the first promise and ignores others

C. Runs multiple promises in parallel and waits for all to complete

D. Runs promises but returns results in random order

Solution

1. Step 1: Understand Promise.all behavior

   Promise.all runs all promises at the same time (in parallel) and waits until all finish.

2. Step 2: Check result order and completion

   It returns results in the order of the promises given, not random or sequentially one by one.

3. Final Answer:

   Runs multiple promises in parallel and waits for all to complete -> Option C

4. Quick Check:

   Promise.all = parallel run + wait all [OK]

Hint: Promise.all runs all promises together, not one by one [OK]

Common Mistakes:

• Thinking Promise.all runs promises sequentially
• Believing Promise.all returns results in random order
• Assuming Promise.all ignores failed promises

2. Which of the following is the correct syntax to use Promise.all with an array of promises named promises?

easy

A. Promise.all(promises).then(results => console.log(results));

B. Promise.all.then(promises).catch(error => console.log(error));

C. Promise.all(promises).catch(results => console.log(results));

D. Promise.all(promises).finally(results => console.log(results));

Solution

1. Step 1: Check Promise.all usage

   Promise.all is called as a function with an array of promises as argument.

2. Step 2: Verify chaining with then()

   To get results, use .then() after Promise.all to handle resolved values.

3. Final Answer:

   Promise.all(promises).then(results => console.log(results)); -> Option A

4. Quick Check:

   Correct syntax = Promise.all(array).then() [OK]

Hint: Use Promise.all(array).then() to get results [OK]

Common Mistakes:

• Using Promise.all.then(promises) instead of Promise.all(promises).then()
• Using catch() to handle results instead of errors
• Using finally() to get results instead of then()

3. What will be logged by this code?

const p1 = Promise.resolve(1);
const p2 = Promise.resolve(2);
const p3 = Promise.resolve(3);

Promise.all([p1, p2, p3]).then(results => console.log(results));

medium

A. Error: Promise rejected

B. [1, 2, 3]

C. [undefined, undefined, undefined]

D. [3, 2, 1]

Solution

1. Step 1: Understand resolved promises

   p1, p2, p3 are promises resolved immediately with values 1, 2, and 3.

2. Step 2: Promise.all returns array of results in input order

   Promise.all waits for all to resolve and returns results in the same order as input array.

3. Final Answer:

   [1, 2, 3] -> Option B

4. Quick Check:

   Promise.all results order = input order [OK]

Hint: Promise.all returns results in same order as input promises [OK]

Common Mistakes:

• Assuming results order depends on resolution speed
• Expecting reversed or random order
• Thinking Promise.all returns undefined values

4. Identify the error in this code snippet:

const p1 = Promise.resolve('A');
const p2 = Promise.reject('Error');

Promise.all([p1, p2])
  .then(results => console.log('Results:', results))
  .catch(error => console.log('Caught:', error));

medium

A. The catch block will run with 'Error' because p2 rejects

B. Promise.all will never reject even if one promise fails

C. The then block will run with partial results

D. Syntax error: Promise.reject cannot be used inside Promise.all

Solution

1. Step 1: Check behavior of Promise.all with rejected promises

   If any promise rejects, Promise.all immediately rejects with that error.

2. Step 2: Analyze catch and then blocks

   Since p2 rejects, the catch block runs with the error message 'Error'. The then block does not run.

3. Final Answer:

   The catch block will run with 'Error' because p2 rejects -> Option A

4. Quick Check:

   Promise.all rejects if any promise rejects [OK]

Hint: If one promise rejects, Promise.all rejects immediately [OK]

Common Mistakes:

• Thinking Promise.all ignores rejected promises
• Expecting then block to run with partial results
• Believing Promise.reject causes syntax error here

5. You want to fetch data from three APIs in parallel and process all results only if all succeed. Which code correctly uses Promise.all to achieve this?

const fetch1 = () => fetch('https://api1.example.com/data').then(res => res.json());
const fetch2 = () => fetch('https://api2.example.com/data').then(res => res.json());
const fetch3 = () => fetch('https://api3.example.com/data').then(res => res.json());

// Which code snippet correctly waits for all fetches and handles errors?

hard

A. Promise.all([fetch1(), fetch2(), fetch3()])
.then(results => console.error('All data:', results))
.catch(error => console.log('Fetch failed:', error));

B. Promise.all([fetch1, fetch2, fetch3])
.then(results => console.log('All data:', results))
.catch(error => console.error('Fetch failed:', error));

C. Promise.all(fetch1, fetch2, fetch3)
.then(results => console.log('All data:', results))
.catch(error => console.error('Fetch failed:', error));

D. Promise.all([fetch1(), fetch2(), fetch3()])
.then(results => console.log('All data:', results))
.catch(error => console.error('Fetch failed:', error));

Solution

1. Step 1: Check how to call fetch functions

   fetch1, fetch2, fetch3 are functions returning promises, so call them with () to get promises.

2. Step 2: Verify Promise.all usage and error handling

   Pass an array of promises to Promise.all, then use .then() to handle results and .catch() for errors.

3. Final Answer:

   Promise.all([fetch1(), fetch2(), fetch3()]) .then(results => console.log('All data:', results)) .catch(error => console.error('Fetch failed:', error)); -> Option D

4. Quick Check:

   Call functions to get promises, pass array to Promise.all [OK]

Hint: Call functions to get promises before Promise.all [OK]

Common Mistakes:

• Passing functions instead of calling them
• Passing multiple arguments instead of an array
• Swapping console.log and console.error in then/catch