S10L07 - जावास्क्रिप्ट में प्रॉमिस

html

JavaScript Promises को समझना: शुरुआती के लिए एक व्यापक गाइड

विषय सूची

परिचय
Synchronous बनाम Asynchronous Programming
Promises की आवश्यकता
JavaScript Promises को समझना
JavaScript में Promises को लागू करना
Promises के लाभ और हानियाँ
निष्कर्ष
अतिरिक्त संसाधन


परिचय
JavaScript प्रोग्रामिंग के क्षेत्र में, Asynchronous ऑपरेशन्स को प्रबंधित करना महत्वपूर्ण है। जैसे-जैसे एप्लिकेशन्स की जटिलता बढ़ती है, उन कार्यों को संभालना जो क्रमिक रूप से निष्पादित नहीं होते, और अधिक चुनौतीपूर्ण हो जाता है। यही वह जगह है जहां JavaScript Promises काम में आती हैं। Promises एक मजबूत तरीका प्रदान करती हैं Asynchronous ऑपरेशन्स को संभालने के लिए, जिससे कोड की पठनीयता और रखरखाव में सुधार होता है।
यह गाइड JavaScript Promises की अवधारणा में गहराई से उतरती है, उनके महत्व, लाभों और व्यावहारिक अनुप्रयोगों की खोज करती है। चाहे आप एक शुरुआती हों या एक डेवलपर जिनके पास बुनियादी ज्ञान है, यह व्यापक गाइड आपके JavaScript में Promises की समझ और आवेदन को बेहतर बनाएगी।

Synchronous बनाम Asynchronous Programming
Synchronous Programming क्या है?
Synchronous प्रोग्रामिंग कार्यों को एक के बाद एक निष्पादित करती है। प्रत्येक कार्य को पूरा होना चाहिए इससे पहले कि अगला शुरू हो। यह रैखिक निष्पादन सुनिश्चित करता है कि पूर्ववर्ती परिणामों पर निर्भर ऑपरेशन्स सही ढंग से काम करें।
उदाहरण परिदृश्य:
कल्पना कीजिए आप एक केक बेक कर रहे हैं:

सामग्री मिलाएं।
बटर को पैन में डालें।
केक बेक करें।
इसे ठंडा होने दें।

प्रत्येक चरण पिछले के पूरा होने पर निर्भर करता है, जिससे यह सुनिश्चित होता है कि केक सही से बेक हो।
Asynchronous Programming क्या है?
Asynchronous प्रोग्रामिंग कई कार्यों को एक साथ चलने की अनुमति देती है, बिना एक-दूसरे के पूरा होने का इंतजार किए। यह दृष्टिकोण तेजी से निष्पादन समय की ओर ले जा सकता है, विशेष रूप से नेटवर्क अनुरोध या फाइल I/O ऑपरेशन्स जैसे कार्यों के साथ काम करते समय।
उदाहरण परिदृश्य:
केक के उदाहरण का उपयोग करते हुए:

सामग्री मिलाएं।
जब केक बेक हो रहा है, किचन साफ करें।
केक को ठंडा होने दें।
केक को सजाएं।

यहां, किचन की सफाई और बेकिंग एक साथ होती हैं, जिससे कुल समय को अनुकूलित किया जाता है।
तुलना तालिका: Synchronous बनाम Asynchronous Programming


विशेषता
Synchronous Programming
Asynchronous Programming


निष्पादन प्रवाह
रैखिक, एक समय में एक कार्य
समानांतर, एक साथ कई कार्य


निर्भरता प्रबंधन
सरल, प्रबंधन में आसान
निर्भरता प्रबंधित करने के लिए सावधानीपूर्वक हैंडलिंग की आवश्यकता


प्रदर्शन
I/O-आधारित कार्यों के लिए धीमा हो सकता है
आमतौर पर तेज, विशेष रूप से I/O-आधारित ऑपरेशन्स के लिए


उदाहरण उपयोग मामले
सरल स्क्रिप्ट्स, अनुक्रमिक ऑपरेशन्स
नेटवर्क अनुरोध, फाइल ऑपरेशन्स, टाइमर



Promises की आवश्यकता
जबकि Asynchronous प्रोग्रामिंग प्रदर्शन लाभ प्रदान करती है, यह कार्य निर्भरताओं के प्रबंधन में जटिलता लाती है। पारंपरिक विधियाँ जैसे कि callbacks "callback hell" की ओर ले जा सकती हैं, जिससे कोड को पढ़ना और मेंटेन करना कठिन हो जाता है।
Promises के बिना परिदृश्य:




		
		
			
			
Java
			
			
getData(function(response) {
    parseData(response, function(parsed) {
        displayData(parsed, function() {
            console.log('Data displayed successfully');
        });
    });
});

			
				
					
				
					1
2
3
4
5
6
7
8
9
				
						 
getData(function(response) {
    parseData(response, function(parsed) {
        displayData(parsed, function() {
            console.log('Data displayed successfully');
        });
    });
});
 
					
				
			
		


जैसे-जैसे Asynchronous ऑपरेशन्स की संख्या बढ़ती है, यह नेस्टेड संरचना प्रबंधित करना और अधिक कठिन हो जाती है।
Promises का प्रवेश:
Promises एक साफ और अधिक प्रबंधनीय तरीका प्रदान करती हैं Asynchronous कार्यों को संभालने के लिए, जिससे डेवलपर्स अधिक पठनीय और मेंटेन करने योग्य कोड लिख सकते हैं।

JavaScript Promises को समझना
A Promise क्या है?
A Promise एक ऑब्जेक्ट है जो एक Asynchronous ऑपरेशन की संभावित सफलता या विफलता को दर्शाता है। यह आपको परिणाम को हैंडल करने के लिए callbacks जोड़ने की अनुमति देता है जब यह उपलब्ध होता है, जिससे गहराई से नेस्टेड callbacks की आवश्यकता समाप्त हो जाती है।
A Promise के स्टेट्स

Pending: प्रारंभिक अवस्था, न हर्जा पालित हुआ है और न ही अस्वीकारित।
Fulfilled: ऑपरेशन सफलतापूर्वक पूरा हुआ।
Rejected: ऑपरेशन विफल हुआ।

एक Promise बनाना




		
		
			
			
Java
			
			
const myPromise = new Promise((resolve, reject) => {
    // Asynchronous ऑपरेशन
    if (/* ऑपरेशन सफल */) {
        resolve('Success!');
    } else {
        reject('Error!');
    }
});

			
				
					
				
					1
2
3
4
5
6
7
8
9
10
				
						 
const myPromise = new Promise((resolve, reject) => {
    // Asynchronous ऑपरेशन
    if (/* ऑपरेशन सफल */) {
        resolve('Success!');
    } else {
        reject('Error!');
    }
});
 
					
				
			
		


Promises का उपयोग




		
		
			
			
Java
			
			
myPromise
    .then((message) => {
        console.log(message); // 'Success!'
    })
    .catch((error) => {
        console.error(error); // 'Error!'
    });

			
				
					
				
					1
2
3
4
5
6
7
8
9
				
						 
myPromise
    .then((message) => {
        console.log(message); // 'Success!'
    })
    .catch((error) => {
        console.error(error); // 'Error!'
    });
 
					
				
			
		



JavaScript में Promises को लागू करना
उदाहरण: एक API से डेटा फेच करना
चलिये Promises का उपयोग करके एक API से डेटा फेच करते हैं।




		
		
			
			
Java
			
			
function fetchData(url) {
    return new Promise((resolve, reject) => {
        fetch(url)
            .then(response => {
                if (!response.ok) {
                    reject('Network response was not ok');
                }
                return response.json();
            })
            .then(data => resolve(data))
            .catch(error => reject(error));
    });
}

// Promise का उपयोग
fetchData('https://api.example.com/data')
    .then(data => {
        console.log('Data fetched:', data);
    })
    .catch(error => {
        console.error('Error fetching data:', error);
    });

			
				
					
				
					1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
				
						 
function fetchData(url) {
    return new Promise((resolve, reject) => {
        fetch(url)
            .then(response => {
                if (!response.ok) {
                    reject('Network response was not ok');
                }
                return response.json();
            })
            .then(data => resolve(data))
            .catch(error => reject(error));
    });
}
 
// Promise का उपयोग
fetchData('https://api.example.com/data')
    .then(data => {
        console.log('Data fetched:', data);
    })
    .catch(error => {
        console.error('Error fetching data:', error);
    });
 
					
				
			
		


कोड का विश्लेषण

Promise बनाना:

fetchData फ़ंक्शन एक नया Promise लौटाता है।
Promise के अंदर, fetch API का उपयोग करके एक नेटवर्क अनुरोध किया जाता है।
यदि प्रतिक्रिया सफल होती है (response.ok), तो डेटा को JSON के रूप में पार्स किया जाता है और resolve किया जाता है।
यदि कोई त्रुटि होती है, तो Promise को एक त्रुटि संदेश के साथ अस्वीकार कर दिया जाता है।


Promise का उपयोग करना:

fetchData फ़ंक्शन को एक URL के साथ कॉल किया जाता है।
.then डेटा की सफल प्राप्ति को हैंडल करता है।
.catch फेच ऑपरेशन के दौरान किसी भी त्रुटि को हैंडल करता है।



स्टेप-बाय-स्टेप व्याख्या

प्रारंभिककरण:

fetchData फ़ंक्शन निर्दिष्ट URL पर एक नेटवर्क अनुरोध शुरू करता है।


प्रतिक्रिया को संभालना:

प्रतिक्रिया प्राप्त होने पर, यह जांचता है कि प्रतिक्रिया ठीक है या नहीं।
यदि नहीं, तो यह Promise को एक त्रुटि संदेश के साथ अस्वीकार कर देता है।


डेटा का पार्स करना:

यदि प्रतिक्रिया ठीक है, तो यह प्रतिक्रिया को JSON के रूप में पार्स करता है और पार्स किए गए डेटा के साथ Promise को resolve करता है।


त्रुटि हैंडलिंग:

कोई भी नेटवर्क त्रुटियाँ पकड़ ली जाती हैं और accordingly Promise को अस्वीकार कर दिया जाता है।


Promise का उपभोग करना:

fetchData के कॉल करने वाले .then का उपयोग सफल डेटा प्राप्ति को हैंडल करने के लिए करते हैं।
.catch का उपयोग फेच प्रक्रिया के दौरान होने वाली किसी भी त्रुटि को हैंडल करने के लिए किया जाता है।



प्रोग्राम का आउटपुट




		
		
			
			
Java
			
			Data fetched: { /* fetched data */ }
			
				
					
				
					1
				
						Data fetched: { /* fetched data */ }
					
				
			
		





		
		
			
			
Java
			
			Error fetching data: Network response was not ok
			
				
					
				
					1
				
						Error fetching data: Network response was not ok
					
				
			
		



Promises के लाभ और हानियाँ
लाभ

पठनीयता में सुधार:

Promises गहराई से नेस्टेड callbacks को समाप्त कर देती हैं, जिससे कोड अधिक साफ और पठनीय बनता है।


बेहतर त्रुटि हैंडलिंग:

त्रुटियों को .catch का उपयोग करके पकड़ा जा सकता है, जिससे एक केंद्रीकृत त्रुटि हैंडलिंग तंत्र प्रदान होता है।


चेनिंग:

Promises चेनिंग का समर्थन करती हैं, जिससे sequential Asynchronous ऑपरेशन्स बिना callback नेस्टिंग के संभव होती हैं।


रखरखाव:

Asynchronous कोड की रैखिक शैली के कारण इसे मेंटेन और डिबग करना आसान होता है।



हानियाँ

सीखने की वक्र:

शुरुआती लोगों को Promises की अवधारणा प्रारंभ में चुनौतीपूर्ण लग सकती है।


अनहैंडल्ड Promise Rejections:

यदि सही ढंग से संभाला नहीं गया, तो rejected Promises अनकैच्ड एक्सेप्शन्स की ओर ले जा सकते हैं।


चेनिंग में जटिलता:

विस्तारित चेनिंग कभी-कभी जटिल और पालन करना कठिन हो सकता है।



तुलना तालिका: Promises बनाम Callbacks


विशेषता
Promises
Callbacks


सिंटेक्स
स्वच्छ, .then और .catch के साथ अधिक पठनीय
नेस्टेड संरचना, callback hell की ओर ले जा सकता है


त्रुटि हैंडलिंग
.catch के साथ केंद्रीकृत
प्रत्येक callback स्तर पर हैंडलिंग की आवश्यकता


चेनिंग
क्रमिक ऑपरेशन्स के लिए चेनिंग का समर्थन
कई Asynchronous चरणों को प्रबंधित करना कठिन


डिबगिंग
बेहतर संरचना के कारण डिबग करना आसान
गहराई से नेस्टेड callbacks के साथ डिबग करना कठिन



निष्कर्ष
JavaScript Promises Asynchronous ऑपरेशन्स को प्रबंधित करने के लिए एक शक्तिशाली उपकरण हैं, जो पारंपरिक callbacks की तुलना में एक संरचित और पठनीय दृष्टिकोण प्रदान करती हैं। Synchronous और Asynchronous प्रोग्रामिंग के बीच का अंतर समझकर, डेवलपर्स Promises का लाभ उठाकर कुशल और मेंटेन करने योग्य कोड लिख सकते हैं।
Promises त्रुटि हैंडलिंग को बेहतर बनाती हैं, चेनिंग का समर्थन करती हैं, और समग्र कोड स्पष्टता में सुधार करती हैं, जिससे ये आधुनिक JavaScript विकास में अपरिहार्य बन जाती हैं। जैसे-जैसे आप Asynchronous कार्यों के साथ काम करना जारी रखते हैं, अपने वर्कफ़्लो में Promises को एकीकृत करना अधिक मजबूत और स्केलेबल एप्लिकेशन्स की ओर ले जाएगा।
SEO Keywords: JavaScript Promises, asynchronous programming, synchronous programming, JavaScript tutorial, Promises vs callbacks, handling asynchronous operations, JavaScript asynchronous, Promise examples, Promises in JavaScript, JavaScript for beginners, Promise chaining, error handling with Promises

अतिरिक्त संसाधन

MDN Web Docs: Promise
JavaScript.info: Promises, async/await
Eloquent JavaScript: Promises
FreeCodeCamp: Understanding JavaScript Promises
You Don't Know JS: Promises


Note: This article is AI generated.
विशेषता	Synchronous Programming	Asynchronous Programming
निष्पादन प्रवाह	रैखिक, एक समय में एक कार्य	समानांतर, एक साथ कई कार्य
निर्भरता प्रबंधन	सरल, प्रबंधन में आसान	निर्भरता प्रबंधित करने के लिए सावधानीपूर्वक हैंडलिंग की आवश्यकता
प्रदर्शन	I/O-आधारित कार्यों के लिए धीमा हो सकता है	आमतौर पर तेज, विशेष रूप से I/O-आधारित ऑपरेशन्स के लिए
उदाहरण उपयोग मामले	सरल स्क्रिप्ट्स, अनुक्रमिक ऑपरेशन्स	नेटवर्क अनुरोध, फाइल ऑपरेशन्स, टाइमर
विशेषता	Promises	Callbacks
सिंटेक्स	स्वच्छ, `.then` और `.catch` के साथ अधिक पठनीय	नेस्टेड संरचना, callback hell की ओर ले जा सकता है
त्रुटि हैंडलिंग	`.catch` के साथ केंद्रीकृत	प्रत्येक callback स्तर पर हैंडलिंग की आवश्यकता
चेनिंग	क्रमिक ऑपरेशन्स के लिए चेनिंग का समर्थन	कई Asynchronous चरणों को प्रबंधित करना कठिन
डिबगिंग	बेहतर संरचना के कारण डिबग करना आसान	गहराई से नेस्टेड callbacks के साथ डिबग करना कठिन