"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > jQuery चेनिंग कैसे विकास को सुव्यवस्थित करती है और कोड दक्षता को बढ़ाती है?

jQuery चेनिंग कैसे विकास को सुव्यवस्थित करती है और कोड दक्षता को बढ़ाती है?

2024-11-09 को प्रकाशित
ब्राउज़ करें:684

How Does jQuery Chaining Streamline Development and Enhance Code Efficiency?

jQuery में ऑब्जेक्ट और मेथड चेनिंग को समझना

jQuery में, चेनिंग एक ही स्टेटमेंट में कई jQuery तरीकों के संयोजन की अनुमति देती है। यह डेवलपर्स को अपने कोड को सुव्यवस्थित करने और जटिल हेरफेर आसानी से करने में सक्षम बनाता है।

चेनिंग के अंतर्निहित सिद्धांत में प्रत्येक jQuery विधि का रिटर्न मान शामिल होता है। जब एक jQuery विधि लागू की जाती है, तो यह आम तौर पर एक jQuery ऑब्जेक्ट लौटाता है जो चयनित तत्वों का प्रतिनिधित्व करता है। यह बाद के तरीकों को तत्वों के एक ही सेट पर कॉल करने की अनुमति देता है, जिससे संचालन की एक श्रृंखला बनती है।

एक उदाहरण:

निम्नलिखित jQuery कथन पर विचार करें:

$('myDiv').removeClass('off').addClass('on');

RemoveClass विधि चयनित myDiv तत्व से ऑफ क्लास को हटा देती है। हालाँकि, एक आदिम मान लौटाने के बजाय, यह एक jQuery ऑब्जेक्ट लौटाता है जो अभी भी myDiv का प्रतिनिधित्व करता है। यह आपको अतिरिक्त संशोधन करने के लिए ऐडक्लास जैसे चेनिंग तरीकों को जारी रखने की अनुमति देता है। यह तब विधि एक फ़ंक्शन को स्वीकार करती है जिसे लौटाए गए ऑब्जेक्ट पर तुरंत निष्पादित किया जाता है। प्रत्येक कॉल के बाद बाद के तरीकों को लागू करके, आप प्रभावी ढंग से श्रृंखला संचालन कर सकते हैं। पहला: फ़ंक्शन() {अलर्ट('पहला'); वापसी obj; }, दूसरा: फ़ंक्शन() {अलर्ट('दूसरा'); वापसी obj; }, तीसरा: फ़ंक्शन() {अलर्ट('तीसरा'); वापसी obj; } } obj.first().third().third();

इस उदाहरण में, प्रत्येक पहली, दूसरी और तीसरी विधि obj ऑब्जेक्ट लौटाती है, जिससे कॉल की श्रृंखला जारी रहती है।

लाभ:

चेनिंग कई फायदे प्रदान करती है, जिनमें शामिल हैं:

var obj = {
    first: function() { alert('first');   return obj; },
    second: function() { alert('second'); return obj; },
    third: function() { alert('third');   return obj; }
}

obj.first().second().third();

पठनीयता:

कोड अधिक संक्षिप्त हो जाता है और समझने में आसान।

दक्षता:

यह अतिरिक्त परिवर्तनीय घोषणाओं और विधि कॉल की आवश्यकता को कम करता है।
  • रखरखाव: के एक हिस्से में परिवर्तन श्रृंखला अन्य भागों को प्रभावित नहीं करती है, जिससे कोड रखरखाव में सुधार होता है।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3