Day 18: Timeout

#day17 #javascript #100daysofcode

Question

Write a function promiseTimeout that takes an asynchronous operation represented as a Promise and rejects it after a specific time if it hasn't been resolved yet.

function promiseTimeout(promise, timeout) {
  // Todo add your code
}

  // Simulating an asynchronous operation 
const delayBy2000 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve({ name: 'John Doe', age: 30 });
  }, 2000); // Resolves after 2 seconds
});

const timeout = 1500; // Set timeout for 1.5 seconds
const promiseWithTimeout = promiseTimeout(delayBy2000, timeout);

promiseWithTimeout
  .then((data) => {
    console.log('Promise resolved:', data);
  })
  .catch((error) => {
    console.error('Promise rejected:', error.message);
  });

🤫 Check the comment below to see answer.

Top comments (1)

Dharan Ganesan • Aug 2 '23 • Edited

There are multiple way to answer this

First answer:

function promiseWithTimeout(promise, timeout) {
    return new Promise((resolve, reject) => {
        // Start the original promise
        promise.then(resolve).catch(reject);

        // Set a timeout to reject the promise if it hasn't resolved within the specified time
        setTimeout(() => {
            reject(new Error(`Promise timed out after ${timeout} milliseconds`));
        }, timeout);
    });
}

Second answer:

function promiseWithTimeout(promise, timeout) {
  // Create a new Promise that resolves when the input promise resolves
  const resolvedPromise = new Promise((resolve, reject) => {
    promise.then(resolve).catch(reject);
  });

  // Create a Promise that rejects after the specified timeout
  const timeoutPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error('Promise timeout'));
    }, timeout);
  });

  // Use Promise.race() to wait for either the input promise or the timeout to settle
  return Promise.race([resolvedPromise, timeoutPromise]);
}

DEV Community

Day 18: Timeout

Question

Top comments (1)

Read next

🦸 Supercharge your debugging skills with the console.trace

Chnp-cli: Code Highlight and Print tool

What Is Client-Side Rendering (CSR) in Web Development?

React 19: A New Era of Web Development