Introduction<\/p>\n\n\n\n
Promises in JavaScript are used to handle asynchronous operations in a cleaner and more organized way. They help developers manage tasks like fetching data from a server, reading files, or performing background operations without blocking the main program.<\/p>\n\n\n\n
What is a Promise<\/p>\n\n\n\n
A Promise is an object that represents the result of an asynchronous operation. It can be in one of three states<\/p>\n\n\n\n
Pending means the operation is still in progress
Fulfilled means the operation completed successfully
Rejected means the operation failed<\/p>\n\n\n\n
Why Use Promises<\/p>\n\n\n\n
Promises make code easier to read and maintain compared to traditional callback functions
They help avoid callback nesting issues known as callback hell
They improve error handling using a structured approach
They allow chaining multiple asynchronous operations<\/p>\n\n\n\n
Creating a Promise<\/p>\n\n\n\n
A Promise is created using the Promise constructor. It takes a function with two parameters resolve and reject<\/p>\n\n\n\n
Example<\/p>\n\n\n\n
let myPromise = new Promise(function(resolve, reject) {
let success = true;
if (success) {
resolve(\"Operation successful\");
} else {
reject(\"Operation failed\");
}
});<\/code><\/pre>\n\n\n\nHandling Promises<\/p>\n\n\n\n
Promises are handled using then catch and finally methods<\/p>\n\n\n\n
then is used when the promise is fulfilled
catch is used when the promise is rejected
finally runs regardless of the result<\/p>\n\n\n\n
Example<\/p>\n\n\n\n
myPromise
.then(function(result) {
console.log(result);
})
.catch(function(error) {
console.log(error);
})
.finally(function() {
console.log(\"Task completed\");
});<\/code><\/pre>\n\n\n\nChaining Promises<\/p>\n\n\n\n
Promises can be chained to perform multiple asynchronous operations step by step<\/p>\n\n\n\n
Example<\/p>\n\n\n\n
function stepOne() {
return new Promise(resolve => {
resolve(\"Step One Completed\");
});
}
function stepTwo(data) {
return new Promise(resolve => {
resolve(data + \" and Step Two Completed\");
});
}
stepOne()
.then(stepTwo)
.then(function(result) {
console.log(result);
});<\/code><\/pre>\n\n\n\nReal World Use Case<\/p>\n\n\n\n
Promises are commonly used when working with APIs. For example fetching data from a server<\/p>\n\n\n\n
fetch(\"https:\/\/api.example.com\/data\")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));<\/code><\/pre>\n\n\n\nAdvantages of Promises<\/p>\n\n\n\n
Improves code readability and structure
Provides better error handling
Supports chaining of asynchronous tasks
Widely supported in modern JavaScript<\/p>\n\n\n\n
Conclusion<\/p>\n\n\n\n
Promises are an essential part of modern JavaScript development. They simplify asynchronous programming and make code more efficient and manageable for real world applications.<\/p>\n\n\n