अध्याय 25: असिंक्रोनस जावा स्क्रिप्ट (Asynchronous JavaScript)

अध्याय 25: असिंक्रोनस जावा स्क्रिप्ट (Asynchronous JavaScript)

इस अध्याय में हम असिंक्रोनस जावा स्क्रिप्ट की दुनिया में कदम रखेंगे। असिंक्रोनस जावा स्क्रिप्ट आपको ब्राउज़र में बैकग्राउंड में कार्यों को निष्पादित करने की अनुमति देती है, जिससे आपके वेब एप्लिकेशन अधिक प्रतिक्रियाशील और उपयोगकर्ता अनुभव को बेहतर बनाता है। इस अध्याय में, हम असिंक्रोनस प्रोग्रामिंग के विभिन्न तरीकों जैसे कोलबैक्स, प्रॉमिसेज़, और async/await के बारे में जानेंगे।

आप सीखेंगे कि असिंक्रोनस कोड कैसे लिखा जाता है, इसके क्या फायदे हैं, और इसे कब और कैसे उपयोग करना चाहिए। असिंक्रोनस प्रोग्रामिंग के माध्यम से, आप अपने कोड को अधिक कुशल बना सकते हैं और यूज़र इंटरफेस को लॉक किए बिना डेटा फेचिंग और अन्य समय लेने वाले कार्यों को आसानी से संभाल सकते हैं।

इस अध्याय के अंत तक, आप असिंक्रोनस जावा स्क्रिप्ट के मूल सिद्धांतों को समझ जाएंगे और अपने वेब एप्लिकेशन में इसका प्रभावी उपयोग कर पाएंगे।

कॉलबैक फंक्शंस (Callback Functions)

कॉलबैक फंक्शंस जावा स्क्रिप्ट में असिंक्रोनस प्रोग्रामिंग का एक महत्वपूर्ण हिस्सा हैं। यह फंक्शंस हैं जो किसी अन्य फंक्शन के भीतर पास किए जाते हैं और किसी विशेष कार्य के पूर्ण होने के बाद निष्पादित होते हैं। कॉलबैक फंक्शंस आपको असिंक्रोनस कार्यों को संभालने में मदद करते हैं, जैसे कि API कॉल्स, टाइमर्स, और इवेंट हैंडलर्स।

कॉलबैक फंक्शंस का परिचय (Introduction to Callback Functions)

कॉलबैक फंक्शन एक साधारण फंक्शन होता है जिसे एक अन्य फंक्शन में पैरामीटर के रूप में पास किया जाता है। यह फंक्शन तब निष्पादित होता है जब मुख्य फंक्शन अपना कार्य पूर्ण कर लेता है। कॉलबैक फंक्शंस का उपयोग असिंक्रोनस कार्यों को प्रबंधित करने के लिए किया जाता है।

कॉलबैक फंक्शंस का सिंटैक्स (Syntax of Callback Functions)

कॉलबैक फंक्शंस का उपयोग करते समय, आप एक फंक्शन को दूसरे फंक्शन में पैरामीटर के रूप में पास करते हैं। जब मुख्य फंक्शन समाप्त होता है, तो यह पास किए गए फंक्शन को कॉल करता है।

function fetchData(callback) {
// Simulate a data fetch with a timeout
setTimeout(() => {
let data = "Fetched Data";
callback(data);
}, 2000);
}

function displayData(data) {
console.log(data);
}

// Calling fetchData with displayData as the callback function
fetchData(displayData);

सिंक्रोनस बनाम असिंक्रोनस (Synchronous vs Asynchronous)

सिंक्रोनस कार्य सीधे निष्पादित होते हैं और अगले कार्य को निष्पादित करने से पहले पूर्ण होते हैं। जबकि असिंक्रोनस कार्य बैकग्राउंड में निष्पादित होते हैं और मुख्य प्रोग्राम को बिना रुके आगे बढ़ने की अनुमति देते हैं।

असिंक्रोनस कार्यों में कॉलबैक फंक्शंस का उपयोग (Using Callback Functions in Asynchronous Tasks)

कॉलबैक फंक्शंस का सबसे सामान्य उपयोग असिंक्रोनस कार्यों जैसे API कॉल्स, टाइमर्स, और इवेंट हैंडलर्स में होता है।

API कॉल का उदाहरण (Example of API Call):

function getUserData(userId, callback) {
// Simulate an API call with a timeout
setTimeout(() => {
let userData = { id: userId, name: "John Doe" };
callback(userData);
}, 3000);
}

function displayUserData(user) {
console.log(`User ID: ${user.id}, User Name: ${user.name}`);
}

// Calling getUserData with displayUserData as the callback function
getUserData(1, displayUserData);

कॉलबैक हैल (Callback Hell)

जब कई असिंक्रोनस कार्यों को नेस्टेड कॉलबैक फंक्शंस के माध्यम से प्रबंधित किया जाता है, तो इसे कॉलबैक हैल कहा जाता है। यह कोड को पढ़ने और बनाए रखने में मुश्किल बना सकता है। इसे प्रॉमिसेज़ और async/await जैसी आधुनिक विधियों के माध्यम से हल किया जा सकता है।

कॉलबैक हैल का उदाहरण (Example of Callback Hell):

function firstTask(callback) {
setTimeout(() => {
console.log("First Task Complete");
callback();
}, 1000);
}

function secondTask(callback) {
setTimeout(() => {
console.log("Second Task Complete");
callback();
}, 1000);
}

function thirdTask(callback) {
setTimeout(() => {
console.log("Third Task Complete");
callback();
}, 1000);
}

// Nesting callbacks leads to callback hell
firstTask(() => {
secondTask(() => {
thirdTask(() => {
console.log("All Tasks Complete");
});
});
});

कॉलबैक फंक्शंस असिंक्रोनस प्रोग्रामिंग का एक आवश्यक हिस्सा हैं, लेकिन कॉलबैक हैल से बचने के लिए आधुनिक तकनीकों का उपयोग करना महत्वपूर्ण है। कॉलबैक फंक्शंस का सही उपयोग आपके कोड को अधिक प्रतिक्रियाशील और कुशल बना सकता है।



Index