Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

दो एसिंक्स फ़ंक्शन पूर्ण होने के बाद फ़ंक्शन कैसे चलाएं - जावास्क्रिप्ट

<घंटा/>

मान लीजिए कि हमारे पास दो तत्वों की एक सरणी है, जिसके दोनों तत्व दो अतुल्यकालिक कार्य हैं। हमें कुछ काम करने की आवश्यकता है, जैसे कि कंसोल पर कुछ प्रिंट करें (इस प्रश्न के उद्देश्य के लिए) जब दोनों async फ़ंक्शन का निष्पादन पूरा हो जाए।

हम इस चुनौती का सामना कैसे कर सकते हैं?

कुछ अतुल्यकालिक कार्य पूरा होने पर कुछ कार्य करने के मूल रूप से दो तरीके हैं -

  • वादों का उपयोग करना
  • async/प्रतीक्षा फ़ंक्शन का उपयोग करना

लेकिन जब कोड में कई (एक से अधिक) एसिंक्रोनस फ़ंक्शंस से निपटना शामिल होता है तो पहले वाले के Promise.all फ़ंक्शन को बाद वाले पर बढ़त मिलती है।

उदाहरण

निम्नलिखित कोड है -

const arr = [
   new Promise((resolve, reject) => {
      setTimeout(() => {
         resolve('func1 fired!');
      }, 2000);
   }),
   new Promise((resolve, reject) => {
      setTimeout(() => {
         resolve('func2 fired');
      }, 3000);
   })
];
const lastFunction = () => {
   console.log('this function should be fired at the very last');
};
Promise.all([arr[0], arr[1]]).then((resp) => {
   console.log(resp);
   lastFunction();
}).catch((err) => {
   console.log('something unexpected happened');
})

आउटपुट

यह कंसोल में निम्न आउटपुट उत्पन्न करेगा -

[ 'func1 fired!', 'func2 fired' ]
this function should be fired at the very last

  1. जावास्क्रिप्ट फ़ंक्शंस का उपयोग कैसे करें:एक चरण-दर-चरण मार्गदर्शिका

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

  1. जावास्क्रिप्ट कॉलबैक

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

  1. 'ऑनक्लिक' जावास्क्रिप्ट का उपयोग करते समय मैं दो या दो से अधिक फ़ंक्शन कैसे चला सकता हूं?

    आइए पहले एक बटन सेट करें - <button type="submit" onclick="callTwoOtherFunctions()"> Call </button> ऊपर, हमने दो अन्य कार्यों को कॉल करने के लिए ऑनक्लिक के तहत एक फ़ंक्शन सेट किया है - function callTwoOtherFunctions(){    fun1();    fun2(); } इस त