JavaScript मध्ये Async/प्रतीक्षा समजून घेणे: आउटपुट वेळेत खोलवर जा

वेळेत JavaScript Async/प्रतीक्षा वर्तन स्पष्ट करणे

आधुनिक JavaScript विकासामध्ये, async/प्रतीक्षा असिंक्रोनस कोड हाताळण्यासाठी एक आवश्यक साधन बनले आहे. त्याची उपयुक्तता असूनही, या तंत्रांचा वापर करणाऱ्या फंक्शन्समध्ये आउटपुटच्या अचूक वेळेचा अंदाज लावताना अनेक विकासकांना गोंधळाचा सामना करावा लागतो. हे विशेषतः Adaface मधील कोडींग मुल्यांकनामध्ये खरे आहे, जेथे असिंक्रोनस ऑपरेशन्सचा प्रवाह समजून घेणे महत्वाचे आहे.

तुम्ही ज्या समस्येवर काम करत आहात ती दोन असिंक्रोनस फंक्शन्स दाखवते ज्यामध्ये वरवर समान वर्तन आहे, परंतु वेळेच्या दृष्टीने भिन्न परिणाम आहेत. पहिल्या दृष्टीक्षेपात, दोन्ही फंक्शन्सला 10 सेकंद लागतील असे दिसते, परंतु वास्तविक उत्तर अनेक विकासकांना आश्चर्यचकित करते, कारण त्यात आश्वासने कशी सोडवली जातात याची सखोल माहिती असते.

या लेखाचे उद्दीष्ट आहे की तुम्हाला कोडमध्ये चालणे, कसे ते खाली खंडित करणे async आणि प्रतीक्षा करा यांत्रिकी कार्य करते, तसेच वचन निराकरणाचा क्रम अंतिम निकालावर कसा परिणाम करतो. याच्या शेवटी, तुम्हाला असिंक्रोनस JavaScript मध्ये टायमिंग कसे कार्य करते हे स्पष्ट समजले पाहिजे.

प्रथम फंक्शन का आउटपुट करते हे समजून घेण्यासाठी कोडमध्ये जाऊ या २४ 5 सेकंदांनंतर, आणि दुसरे फंक्शन देखील आउटपुट करते २४ पण वेगळ्या वचन रचनेसह. या ज्ञानासह, तुम्ही तुमच्या आगामी मुलाखतीच्या मुल्यांकनांसाठी अधिक सुसज्ज असाल.

JavaScript मध्ये असिंक्रोनस ऑपरेशन्स एक्सप्लोर करणे

प्रदान केलेल्या स्क्रिप्ट्स वापरून JavaScript मध्ये असिंक्रोनस ऑपरेशन्सची शक्ती प्रदर्शित करतात async आणि प्रतीक्षा करा कीवर्ड विलंबित ऑपरेशन्स सारख्या अतुल्यकालिक कार्ये कुशलतेने हाताळणे ही मुख्य कल्पना आहे. दोन्ही उदाहरणांमध्ये, फंक्शन 5s(x) नंतर मूल्यासह निराकरण करणारे वचन परत करून 5 सेकंदांच्या विलंबाचे अनुकरण करते x. ऑपरेशन्सचा क्रम आणि वचने फंक्शनच्या प्रवाहाशी कशी संवाद साधतात हे समजून घेण्यासाठी हा विलंब आवश्यक आहे.

पहिल्या कार्यात, बहु(इनपुट), कोड दोन वचनांचे निराकरण करण्यासाठी क्रमशः प्रतीक्षा करते. द प्रतीक्षा करा कीवर्ड खात्री देतो की वचन परत येईपर्यंत कोड अंमलबजावणीला विराम देतो 5s नंतर(3) निराकरण केले आहे. नंतर, पहिल्या वचनाचे निराकरण झाल्यानंतर, कोड दुसऱ्या वचनासाठी आणखी 5 सेकंद प्रतीक्षा करतो 5s नंतर(4) निराकरण करण्यासाठी. यामुळे गणना होण्यापूर्वी एकूण 10 सेकंद प्रतीक्षा वेळ मिळेल. दोन्ही निराकरण केलेल्या मूल्यांद्वारे इनपुटचे गुणाकार अंतिम आउटपुट देते.

दुसरे कार्य, second_mult(इनपुट), दोन्ही वचने एकाच वेळी सुरू करून कार्यप्रदर्शन सुधारते. नियुक्त करून 5s नंतर(3) आणि 5s नंतर(4) अर्ज करण्यापूर्वी व्हेरिएबल्सवर प्रतीक्षा करा, दोन्ही आश्वासने समांतर चालतात. कोड पोहोचल्यावर प्रतीक्षा करा विधाने, दोन्ही वचनांचे निराकरण होण्याची प्रतीक्षा करते, परंतु ते आधीच प्रगतीपथावर आहेत, एकूण प्रतीक्षा वेळ फक्त 5 सेकंदांपर्यंत कमी करते. हे समवर्ती अंमलबजावणी असिंक्रोनस ऑपरेशन्स ऑप्टिमाइझ करण्याचे महत्त्व हायलाइट करते.

असिंक्रोनस कोड स्वच्छपणे हाताळण्यासाठी async आणि await कसे वापरले जाऊ शकतात हे या स्क्रिप्ट्स दाखवतात. कार्यप्रदर्शन ऑप्टिमाइझ करण्यासाठी समकालिक कार्ये एकाच वेळी किंवा अनुक्रमे केव्हा चालवायची हे समजून घेणे महत्वाचे आहे. द दुसरा_mult फंक्शनचा दृष्टीकोन अनावश्यक विलंब टाळण्याचा फायदा दर्शवितो, जेव्हा ऑपरेशन विशिष्ट क्रमाने व्हायला हवे तेव्हा पहिले उदाहरण उपयुक्त ठरते. दोन्ही उदाहरणे वास्तविक-जगातील परिस्थितींमध्ये व्यापकपणे लागू आहेत वचन हाताळणी आवश्यक आहे, जसे की API मधून डेटा आणणे किंवा बाह्य संसाधनांवर अवलंबून असलेली ऑपरेशन्स करणे.

function after5s(x) {
  return new Promise(res => {
    setTimeout(() => {
      res(x);
    }, 5000);
  });
}

// First approach using async/await with sequential waits
async function mult(input) {
  const f = await after5s(3);
  const g = await after5s(4);
  return input * f * g;
}

// Calling the function and handling the promise resolution
mult(2).then(value => {
  console.log(value); // Output: 24 after 10 seconds
});

१

JavaScript मध्ये असिंक्रोनस पॅटर्नमध्ये प्रभुत्व मिळवणे

आधुनिक JavaScript मधील सर्वात महत्वाची संकल्पना म्हणजे असिंक्रोनस कार्ये कुशलतेने कशी हाताळायची. तर द async/प्रतीक्षा सिंटॅक्स असिंक्रोनस कोडची वाचनीयता सुलभ करते, विकासकांनी विचार करणे आवश्यक असलेले इतर घटक आहेत. async फंक्शन्स वापरण्याचा एक महत्त्वाचा पैलू म्हणजे JavaScript कसे व्यवस्थापित करते हे समजून घेणे इव्हेंट लूप आणि असिंक्रोनस कॉल स्टॅक. इव्हेंट लूप JavaScript ला एकाच वेळी अनेक कार्ये कार्यान्वित करण्यास अनुमती देते, अगदी सिंगल-थ्रेडेड वातावरणात, नॉन-ब्लॉकिंग कार्ये, जसे की वचने, रांगेत ढकलून आणि इतर कोडची अंमलबजावणी सुरू ठेवून.

असिंक्रोनस ऑपरेशन्समध्ये अनेकदा दुर्लक्ष केले जाणारे घटक म्हणजे त्रुटी हाताळणे. async/await सिंटॅक्स वापरून, विकासक त्यांचा कोड a मध्ये गुंडाळू शकतात प्रयत्न करा... पकड वचन नाकारणे आणि इतर त्रुटी कृपापूर्वक व्यवस्थापित करण्यासाठी ब्लॉक करा. ही पद्धत सुनिश्चित करते की ॲसिंक्रोनस ऑपरेशनमध्ये येणाऱ्या कोणत्याही त्रुटी प्रोग्रामचा प्रवाह खंडित न करता पकडल्या जातात आणि हाताळल्या जातात. असिंक्रोनस फंक्शन्स केवळ कार्यप्रदर्शन सुधारत नाहीत तर जटिल त्रुटी हाताळणे अधिक कार्यक्षम आणि डीबग करणे सोपे करते.

लक्ष केंद्रित करण्याचे आणखी एक महत्त्वाचे क्षेत्र म्हणजे कसे वचन.सर्व एकाच वेळी अनेक आश्वासने हाताळण्यासाठी वापरले जाऊ शकते. पहिल्या उदाहरणाप्रमाणे क्रमाने वचनांची वाट पाहण्यापेक्षा, वचन.सर्व सर्व वचने एकाच वेळी कार्यान्वित करते, ॲरेमध्ये परिणाम परत करते. एकाधिक API कॉल करताना किंवा अंमलबजावणीचा क्रम गंभीर नसलेल्या अनेक कार्ये करताना ही पद्धत अत्यंत उपयुक्त आहे. इष्टतम आणि स्केलेबल JavaScript कोड लिहिण्यासाठी समवर्ती कार्ये योग्यरित्या कशी तयार करावी हे समजून घेणे महत्वाचे आहे.