Understanding Promises and .then(), .catch() In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में प्रॉमिस एक बिल्ट-इन ऑब्जेक्ट है, जो जावास्क्रिप्ट प्रोग्राम में किसी पर्टिकुलर प्रोग्राम एसिंक्रोनस ऑपरेशन के सक्सेसफुल टर्मिनेशन या फेलियर रिजल्ट को डिस्प्ले करता है। प्रॉमिस जावास्क्रिप्ट प्रोग्रामर को एक एसिंक्रोनस टास्क मैनेजमेंट के लिए कॉलबैक फीचर्स प्रोवाइड करता है, और किसी प्रोग्राम में एडवांस्ड प्रोग्राम एरर मैनेजमेंट और चेनिंग फीचर्स को सपोर्ट करता है।
A promise in JavaScript programming can perform in three states.
- Pending Promise – यह जावास्क्रिप्ट प्रोग्राम में प्रॉमिस की इनिशियल स्टेज में प्रोग्राम ऑपरेशन को पेंडिंग डिस्प्ले करता है।
- Fulfilled Promise – यह मौजूदा प्रोग्राम में प्रॉमिस ऑपरेशन सक्सेसफुल्ली कम्पलीट हो गया है, और मौजूदा प्रॉमिस का रिजल्ट वैल्यू को डिस्प्ले करता है।
- Rejected Promise – किसी जावास्क्रिप्ट प्रोग्राम में प्रॉमिस ऑपरेशन अनसक्सेसफुल हो गया है, और प्रोग्राम में प्रॉमिस के अनसक्सेसफुल होने कारण एक प्रोग्राम एरर हो सकती है।
Creating a Promise in a JavaScript program.
मौजूदा जावास्क्रिप्ट प्रोग्राम में एक नए प्रॉमिस() कंस्ट्रक्टर फंक्शन को अप्लाई करके एक प्रॉमिस को क्रिएट किया जाता है, जो मौजूदा प्रोग्राम में एक कॉलबैक फ़ंक्शन को एक आर्गुमेंट में इनपुट करता है। यहाँ प्रॉमिस के लिए कॉलबैक फ़ंक्शन डिफ़ॉल्ट ऑटोमेटिकली दो पैरामीटर आर्गुमेंट के रूप में इनपुट करता है.
The elements of the promise.
- Resolve() function – रिसॉल्व एक बिल्ट-इन फ़ंक्शन है, जिसे एसिंक्रोनस प्रोग्राम टास्क के सक्सेसफुल होने पर प्रोग्राम में कॉल किया जाता है। यह प्रोसेस मौजूदा प्रोग्राम में प्रॉमिस स्टेटस को “पेंडिंग” से “कम्पलीट” आर्डर में कन्वर्ट करता है।
- Reject() function – यह भी एक बिल्-इन फ़ंक्शन है, जिसे मौजूदा प्रोग्राम में एसिंक्रोनस टास्क के अनसक्सेसफुल होने पर कॉल किया जाता है। यह मौजूदा प्रोग्राम में प्रॉमिस स्टेटस को “पेंडिंग” से “रिजेक्टेड” में कन्वर्ट करता है।
Example of promise in JavaScript program.
const testpromise = new Promise((resolve, reject) => {
let trial = true; // let success declare here as true
if (trial) {
resolve(“Promise operation is successfully done”);
} else {
reject(“promise operation is failed”);
}
});
Here in this program example.
यदि यहाँ ट्रायल ट्रू है, तो प्रोग्राम प्रॉमिस “Promise operation is successfully done” मैसेज को डिस्प्ले करता है।
यदि ट्रायल फाल्स है, तो प्रोग्राम में प्रॉमिस “promise operation is failed” मैसेज के साथ प्रॉमिस ऑपरेशन रिजेक्ट हो जाता है।
.then(), .catch(), and .finally() operations in JavaScript.
जावास्क्रिप्ट प्रोग्राम में प्रॉमिस क्रिएट हो जाने के बाद, प्रोग्रामर .then(), .catch(), और .finally() जैसे प्रॉमिस मेथड्स को अप्लाई करके प्रॉमिस के रिजल्ट या एरर को मैनेज या कण्ट्रोल कर सकते हैं।
.then() function in JavaScript programs.
जावास्क्रिप्ट प्रोग्राम में .then() मेथड को अप्लाई या यह डिफाइन करने में किया जाता है कि मौजूदा प्रोग्राम में प्रॉमिस कम्पलीट सलूशन होने पर क्या होता है। यह प्रोग्राम एक कॉलबैक फ़ंक्शन को एक आर्गुमेंट के रूप में इनपुट करता है, जो प्रोग्राम में प्रॉमिस सक्सेसफुल होने पर एक्सेक्यूट होता है।
जावास्क्रिप्ट प्रोग्रामर असिंक्रोनोस प्रोग्राम ऑपरेशन को मैनेज करने के लिए कई .then() कॉल को भी सीरीज में अप्लाई कर सकते हैं।
The syntax of the .then() function.
promise.then(onFulfilled, onRejected);
onFulfilled – यह एक बिल्ट-इन फ़ंक्शन है, जो मौजूदा प्रोग्राम में प्रॉमिस कंडीशन के कम्पलीट होने पर कॉल किया जाता है।
onRejected (वैकल्पिक) – यह एक बिल्ट-इन फ़ंक्शन है, जो मौजूदा प्रोग्राम में प्रॉमिस कंडीशन अनसक्सेसफुल होने पर कॉल किया जाता है।
Example of JavaScript .then() function.
testPromise
.then(output => {
console.log(output); // it display result when condition fulfil
})
.catch(error => {
console.log(error); // it display error when promise is rejected
});
.catch() function in JavaScript.
जावास्क्रिप्ट प्रोग्राम में .catch() मेथड को अप्लाई या यह डिफाइन करने में किया जाता है, कि मौजूदा प्रोग्राम में प्रॉमिस अनसक्सेसफुल होने पर क्या होता है। कैच फंक्शन मौजूदा प्रोग्राम में केवल प्रोग्राम एरर को मैनेज और कण्ट्रोल करते है, और कैच फंक्शन का अप्लाई मौजूदा प्रोग्राम में एरर मैनेजमेंट में ही होना चाहिए। प्रोग्रामर मौजूदा प्रोग्राम मे होने वाली किसी भी प्रोग्राम एरर को कैच करने के लिए .then() के बाद .catch() फंक्शन को सीरीज में अप्लाई कर सकते हैं।
The syntax of the .catch() function.
promise.catch(onRejected);
- onRejected – यह एक बिल्ट- इन फ़ंक्शन है, जिसे मौजूदा प्रोग्राम में प्रॉमिस को रिजेक्ट होने पर कॉल किया जाता है।
Example of .catch() function.
testPromise
.then(output => {
console.log(output); // it display the result when condition complete Logs
})
.catch(error => {
console.log(error); // it display the error when premise is rejected
});
Here in this catch program example.
इस प्रोग्राम में यदि प्रॉमिस कम्पलीट होता है, तो रिजल्ट को स्क्रीन में लॉग किया जाएगा।
यदि मौजूदा प्रोग्राम में प्रॉमिस रिजेक्ट हो जाता है, तो एरर मैसेज को डिस्प्ले कर लॉग किया जाएगा।
.finally() function in JavaScript.
जावास्क्रिप्ट प्रोग्राम में .finally() फंक्शन मेथड किसी प्रोग्राम में प्रॉमिस टास्क के कम्पलीट होने या टास्क के रिजेक्ट होने पर प्रोग्राम आउटपुट रिजल्ट चाहे जो भी हो उसे प्रोग्राम में कॉल किया जाता है। .finally() फंक्शन को जनरलली टास्क क्लीन-अप टास्कस जैसे, लोडिंग स्पिनर को रोकना, डेटाबेस कनेक्शन क्लोज करना, आदि ऑपरेशन में किया जाता है. क्योंकि यह प्रोग्राम में प्रॉमिस टास्क के कम्पलीट होने या रिजेक्ट होने के बाद में एक्सेक्यूट होता है।
Syntax of the .finally() function.
promise.finally(() => {
console.log(“it is run after promise task is success or reject”);
});
यहाँ इस प्रोग्राम में .finally() फंक्शन में प्रॉमिस का रिजल्ट या एरर डिस्प्ले नहीं करता है, यह यह प्रोग्राम में केवल प्रॉमिस कम्पलीट होने पर एक्सेक्यूट होता है।
Example of .finally() function in JavaScript.
testPromise
.then(output => {
console.log(output); // it display result when the condition fulfilled
})
.catch(error => {
console.log(error); // it display the error when it rejected
})
.finally(() => {
console.log(“here finally run when above result or reject condition done.”);
});
Summary of .then(), .catch(), and .finally() function methods in JavaScript.
- .then() method – यह मौजूदा प्रोग्राम में किसी प्रॉमिस के सक्सेस रिजल्ट कम्पलीट को मैनेज करता है। इसे प्रोग्रामर प्रोग्राम में कई एसिंक्रोनस ऑपरेशनों के लिए. then() फंक्शन कॉल को चेन या सीरीज के रूप में अप्लाई कर सकते हैं।
- .catch() method – यह मौजूदा प्रोग्राम में किसी प्रॉमिस की चेन में एरर रिजेक्टेड सिचुएशन को मैनेज करता है। यह पहले अप्लाई. then() मेथड कॉल या फंडामेंटल प्रॉमिस में होने वाली एरर को कैच करता है।
- .finally() method – यह मौजूदा प्रोग्राम में प्रॉमिस के कम्पलीट होने या रिजेक्ट होने के बाद प्रोग्राम सोर्स कोड को एक्सेक्यूट करता है। यह प्रोग्राम ऑपरेशन में क्लीन-अप एक्टिविटीज के लिए इम्पोर्टेन्ट है।
Conclusion of the .then(), .catch(), and .finally() function.
जावास्क्रिप्ट प्रोग्रामिंग में प्रॉमिस कॉलबैक फंक्शन की तुलना में एसिंक्रोनस प्रोग्राम ऑपरेशनों को मैनेज और कण्ट्रोल करने का एक अधिक स्ट्रक्चर्ड और रीडेबल मेथड प्रोवाइड करता हैं। जावास्क्रिप्ट प्रोग्राम में .then(), .catch(), और .finally() फंक्शन को अप्लाई करके, प्रोग्रामर प्रोग्राम सक्सेस, एरर और टास्क क्लीन-अप प्रोग्राम एक्टिविटीज को एक अधिक क्लियर और अधिक मेंटेनेंस कर प्रॉपर मैनेज कर सकते हैं, स्पेशली, जब प्रोग्रामर किसी प्रोग्राम में कई एसिंक्रोनस प्रोग्राम टास्क से डील कर रहा हो।
