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.
