Open In App

JavaScript Promise catch() Method

Improve
Improve
Like Article
Like
Save
Share
Report

JavaScript Promise catch() method is called whenever a promise is rejected. This method itself returns a promise so it can also be used to chain promises. This method is used for error handling. This method is mainly used after .then to chain a promise and handle reject condition. This method internally calls .then with undefined and rejected conditions as arguments. 

Syntax:

catch(()=>{})

Parameter: This method takes a callback function that decides what action to perform when the promise is rejected

Return Type: This method returns a promise which is in the pending state even if the previous promise is finished.

Example 1: This example uses the catch method to handle the reject condition of a promise.

Javascript




let prom1 = new Promise((resolve, reject) => {
    reject("Failure");
})
    .then(e => { console.log("Hello Successful") })
    .catch((e) => { console.log(e) })


Output: Since the promise returns a reject it moves to the catch method where the rejected value is received and printed on the console.

Failure

Example 2: This example specifies a condition where the catch method fails to catch an error.

Javascript




let prom1 = new Promise((resolve, reject) => {
    setTimeout(() => { throw new Error("Failure") }, 1000);
})
 
prom1.catch((e) => { console.log(e) })


Output: Normally this error should be caught by the catch block but since the error is thrown by an asynchronous function the catch block fails to handle it.

 

Example 3: This method explains the condition when the catch method will not be called.

Javascript




let x = 10;
let y = 10;
let prom1 = new Promise((resolve, reject) => {
    if (x == y) {
        resolve("Equal Values")
    } else {
        reject("Unequal Values")
    }
})
 
prom1.then((e) => { console.log(e) });
prom1.catch((e) => { console.log(e) })


Output: The catch method is not called as the promise is resolved so only then the method is called.

Equal Values

Supported Browsers: 

  • Google Chrome
  • Mozilla Firefox 
  • Opera 
  • Safari 
  • Edge 

We have a complete list of Javascript Promise methods, to check those please go through the Javascript Promise Reference article.



Last Updated : 22 May, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads