, ,

Javascript, React JS, और Angular JS में Callback Hell से बचने के तरीके | SPA | TechySam

Posted by

कैसे अवॉइड करें कॉलबैक हेल (Callback Hell) हिंदी में | SPA | React JS | Javascript | Angular JS | TechySam

कैसे अवॉइड करें कॉलबैक हेल (Callback Hell) हिंदी में

कॉलबैक हेल (Callback Hell) एक प्रोग्रामिंग में एक शामिल होती है, जिसमें कोड केवल callback functions द्वारा अधीन होता है। यह स्थितियाँ स्पष्ट रूप से कॉलबैक हेल कहलाती हैं, जो बहुत ही सुंदर नहीं होती है। हम ब्लॉक थन को डेरिटिव बनाकर इस समस्या से बच सकते हैं।

कई कॉलबैक हेल क्यों देते हैं जैसा कि दिखाई देता है

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

उदाहरण कॉलबैक हेल

    
      विलंबित_माथड(पैरामीटर, फ़ंक्शन(गलती, परिणाम) {
        यदि (गलती) {
          console.error(गलती);
        } अन्यथा {
          विलंबित_माथड2(परिणाम, फ़ंक्शन(गलती, परिणाम) {
            यदि (गलती) {
              console.error(गलती);
            } अन्यथा {
              विलंबित_माथड3(परिणाम, फ़ंक्शन(गलती, परिणाम) {
                यदि (गलती) {
                  console.error(गलती);
                } अन्यथा {
                  console.log(परिणाम);
                }
              });
            }
          });
        }
      });
    
    

कॉलबैक हेल से बचने के तरीके

कॉलबैक हेल से बचने के लिए हम ब्लॉक थन को डेरिटिव बना सकते हैं, जिससे हमारा कोड और साफ और सुंदर होता है। डेरिटिव के उदाहरण हैं Promises और Async/Await।

उदाहरण Promises

    
      नया प्रॉमिस(फ़ंक्शन(सफलता, असफलता) {
        विलंबित_माथड(पैरामीटर, सफलता). असफलता(असफलता);
      })
      .then(फ़ंक्शन(परिणाम) {
        विलंबित_माथड2(परिणाम);
      })
      .then(फ़ंक्शन(परिणाम) {
        विलंबित_माथड3(परिणाम);
      })
      .then(फ़ंक्शन(परिणाम) {
        console.log(परिणाम);
      })
      .catch(फ़ंक्शन(गलती) {
        console.error(गलती);
      });
    
    

उदाहरण Async/Await

    
      अवलोकन फ़ंक्शन = async () => {
        प्रयास {
          const परिणाम1 = await विलंबित_माथड(पैरामीटर);
          const परिणाम2 = await विलंबित_माथड2(परिणाम1);
          const परिणाम3 = await विलंबित_माथड3(परिणाम2);
          console.log(परिणाम3);
        } को जोड़ें (गलती) {
          console.error(गलती);
        }
      }
    
    

संपादकीय का निष्कर्ष

कॉलबैक हेल (Callback Hell) से बचने के लिए, हमने Promises और Async/Await के उपयोग को देखा। ये तकनीकें कोड को सुंदर और साफ बनाती हैं, और इससे कड़ाई से इस्तेमाल करना भी होता है।

निर्देशिका

  • SPA
  • React JS
  • Javascript
  • Angular JS
  • TechySam