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

दो एसिंक्रोनस फंक्शन पूरे होने के बाद फंक्शन कैसे चलाएं - JavaScript


मान लीजिए हमारे पास दो एलिमेंट्स का एक ऐरे है, जिनके दोनों एलिमेंट्स दो एसिंक्रोनस फंक्शन हैं। हमें कुछ काम करना है, जैसे कंसोल पर कुछ प्रिंट करना (इस सवाल के लिए), जब दोनों एसिंक्रोनस फंक्शन का एक्जीक्यूशन पूरा हो जाए।

इस चुनौती को कैसे हल कर सकते हैं?

किसी एसिंक्रोनस टास्क के पूरा होने पर कोई टास्क करने के मूल रूप से दो तरीके हैं:

  • प्रॉमिस (Promises) का उपयोग करके
  • async/await फंक्शन का उपयोग करके

लेकिन जब कोड में एक से अधिक एसिंक्रोनस फंक्शन को संभालना हो, तो पहले तरीके का 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. JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड

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

  1. JavaScript कॉलबैक फंक्शन: परिभाषा और उदाहरण JavaScript कॉलबैक फंक्शन: परिभाषा और उदाहरण

    JavaScript में, चूंकि फंक्शन ऑब्जेक्ट होते हैं, इसलिए हम उन्हें दूसरे फंक्शन में पैरामीटर के रूप में पास कर सकते हैं। इन फंक्शन को फिर दूसरे फंक्शन के अंदर कॉल किया जा सकता है, और पास किए गए फंक्शन को कॉलबैक फंक्शन कहा जाता है। उदाहरण { add(4, 5, multiplyResultByTwo); }); </scrip

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

    आइए पहले एक बटन सेट करें - Call ऊपर, हमने onclick के तहत एक फ़ंक्शन सेट किया है जो दो अन्य फ़ंक्शन्स को कॉल करता है -function callTwoOtherFunctions(){ fun1(); fun2(); }पूरे कोड में नीचे दिखाए अनुसार fun1() और fun2() के साथ काम करें -उदाहरण  Document Call function callTwoOtherFunctio