विभिन्न जावास्क्रिप्ट टिप्स और सिंटैक्स शॉर्टकट का उपयोग करके, ये फ़ंक्शन आपको कई सामान्य समस्याओं को हल करने में मदद करेंगे।
जावास्क्रिप्ट आधुनिक वेब और मोबाइल एप्लिकेशन के निर्माण के लिए वास्तविक भाषा है। यह सरल वेबसाइटों से लेकर गतिशील, इंटरैक्टिव ऐप्स तक, परियोजनाओं की एक विस्तृत श्रृंखला को शक्ति प्रदान करता है।
ऐसे उत्पाद बनाने के लिए जिन्हें उपयोगकर्ता पसंद करेंगे और उनकी सराहना करेंगे, यह आवश्यक है कि आप ऐसा कोड लिखें जो न केवल कार्यात्मक हो बल्कि कुशल और बनाए रखने में आसान हो। स्वच्छ जावास्क्रिप्ट कोड किसी भी वेब या मोबाइल ऐप की सफलता के लिए महत्वपूर्ण है, चाहे वह हॉबी साइड प्रोजेक्ट हो या एक जटिल व्यावसायिक अनुप्रयोग।
जावास्क्रिप्ट कार्यों के बारे में इतना अच्छा क्या है?
किसी भी एप्लिकेशन को कोड लिखने के लिए एक फ़ंक्शन एक आवश्यक घटक है। यह पुन: प्रयोज्य कोड का एक हिस्सा परिभाषित करता है जिसे आप एक विशिष्ट कार्य करने के लिए आमंत्रित कर सकते हैं।
उनके पुन: प्रयोज्यता से परे, कार्य अत्यधिक बहुमुखी हैं। लंबे समय में, वे स्केलिंग और कोडबेस को बनाए रखने की प्रक्रिया को सरल बनाते हैं। द्वारा जावास्क्रिप्ट के कार्यों का निर्माण और उपयोग करना, आप विकास का बहुत समय बचा सकते हैं।
यहां कुछ सहायक JavaScript फ़ंक्शंस दिए गए हैं जो आपके प्रोजेक्ट कोड की गुणवत्ता में महत्वपूर्ण सुधार कर सकते हैं।
1. एक बार
यह उच्च-क्रम फ़ंक्शन एक बार किसी अन्य फ़ंक्शन को लपेटता है यह सुनिश्चित करने के लिए कि आप इसे केवल एक बार कॉल कर सकते हैं। परिणामी फ़ंक्शन को कॉल करने के बाद के प्रयासों को चुपचाप अनदेखा करना चाहिए।
ऐसी स्थिति पर विचार करें जहां आप डेटाबेस से डेटा लाने के लिए HTTP एपीआई अनुरोध करना चाहते हैं। आप अटैच कर सकते हैं एक बार के लिए कॉलबैक के रूप में कार्य करें एक घटना श्रोता समारोह, ताकि यह एक बार ट्रिगर हो, और नहीं।
यहां बताया गया है कि आप इस तरह के फ़ंक्शन को कैसे परिभाषित कर सकते हैं:
कॉन्स्ट एक बार = (समारोह) => {
होने देना परिणाम;
होने देना funcCalled = असत्य;वापस करना(...तर्क) => {
अगर (!funcCalled) {
परिणाम = func (... तर्क);
funcCalled = सत्य;
}
वापस करना परिणाम;
};
};
एक बार फ़ंक्शन एक फ़ंक्शन को तर्क के रूप में लेता है और एक नया फ़ंक्शन देता है जिसे आप केवल एक बार कॉल कर सकते हैं। जब आप पहली बार नए फ़ंक्शन को कॉल करते हैं, तो यह मूल फ़ंक्शन को दिए गए तर्कों के साथ चलाता है और परिणाम सहेजता है।
नए फ़ंक्शन के लिए कोई भी बाद की कॉल सहेजे गए परिणाम को मूल फ़ंक्शन को फिर से चलाए बिना वापस कर देती है। नीचे कार्यान्वयन पर एक नज़र डालें:
// DB से डेटा लाने के लिए एक फ़ंक्शन को परिभाषित करें
समारोहgetUserData() {
// ...
}
// getUserData फ़ंक्शन का एक संस्करण प्राप्त करें जो केवल एक बार चल सकता है
कॉन्स्ट MakeHTTPRequestOnlyOnce = एक बार (getUserData);
कॉन्स्ट उपयोगकर्ताडेटाबीटीएन = दस्तावेज़क्वेरी चयनकर्ता ("#बीटीएन");
userDataBtn.addEventListener ("क्लिक करें", MakeHTTPRequestOnlyOnce);
एक बार फ़ंक्शन का उपयोग करके आप गारंटी दे सकते हैं कि कोड केवल एक अनुरोध भेजता है, भले ही उपयोगकर्ता कई बार बटन क्लिक करता हो। यह प्रदर्शन संबंधी समस्याओं और बगों से बचा जाता है जो अनावश्यक अनुरोधों के परिणामस्वरूप हो सकते हैं।
2. पाइप
यह पाइप फ़ंक्शन आपको अनुक्रम में एक साथ कई फ़ंक्शन को चेन करने देता है। अनुक्रम में कार्य इनपुट के रूप में पूर्ववर्ती कार्य का परिणाम लेंगे और अनुक्रम में अंतिम कार्य अंतिम परिणाम की गणना करेगा।
यहाँ कोड में एक उदाहरण है:
// पाइप फ़ंक्शन को परिभाषित करें
कॉन्स्ट पाइप = (...funcs) => {
वापस करना(आर्ग) => {
funcs.forEach (समारोह(समारोह) {
आर्ग = फंक (तर्क);
});वापस करना आर्ग;
}
}// कुछ कार्यों को परिभाषित करें
कॉन्स्ट ऐडवन = (ए) => एक + 1;
कॉन्स्ट डबल = (एक्स) => एक्स * 2;
कॉन्स्ट वर्ग = (एक्स) => एक्स * एक्स;// कार्यों के साथ एक पाइप बनाएं
कॉन्स्ट myPipe = पाइप (AddOne, डबल, स्क्वायर);
// इनपुट मान के साथ पाइप का परीक्षण करें
सांत्वना देनालॉग (मायपाइप (2)); // आउटपुट: 36
पाइप फ़ंक्शंस आपको जटिल प्रसंस्करण तर्क को संक्षिप्त रूप से लिखने की अनुमति देकर कोड की पठनीयता और प्रतिरूपकता में सुधार कर सकते हैं। यह आपके कोड को अधिक समझने योग्य और बनाए रखने में आसान बना सकता है।
3. नक्शा
नक्शा फ़ंक्शन अंतर्निहित जावास्क्रिप्ट ऐरे क्लास का एक तरीका है। यह मूल सरणी के प्रत्येक तत्व पर कॉलबैक फ़ंक्शन लागू करके एक नई सरणी बनाता है।
यह इनपुट एरे में प्रत्येक तत्व के माध्यम से लूप करता है, इसे कॉलबैक फ़ंक्शन के इनपुट के रूप में पास करता है, और प्रत्येक परिणाम को एक नए एरे में सम्मिलित करता है।
यह नोट करना महत्वपूर्ण है कि इस प्रक्रिया के दौरान मूल सरणी को किसी भी तरह से संशोधित नहीं किया गया है।
यहाँ कैसे उपयोग करने का एक उदाहरण है नक्शा:
कॉन्स्ट संख्या = [1, 2, 3, 4, 5];कॉन्स्ट दोगुनी संख्या = संख्या मानचित्र (समारोह(संख्या) {
वापस करना संख्या * 2;
});
सांत्वना देनालॉग (डबलनंबर्स);
// आउटपुट: [2, 4, 6, 8, 10]
इस उदाहरण में, मानचित्र फ़ंक्शन संख्या सरणी में प्रत्येक तत्व पर पुनरावृत्त करता है। यह प्रत्येक तत्व को 2 से गुणा करता है और परिणाम को एक नई सरणी में लौटाता है।
आम तौर पर, मैप फ़ंक्शंस की आवश्यकता को समाप्त कर देता है जावास्क्रिप्ट में लूप का उपयोग करना, विशेष रूप से अनंत वाले—अनंत लूप महत्वपूर्ण कम्प्यूटेशनल ओवरहेड का कारण बन सकते हैं, जिससे किसी एप्लिकेशन में प्रदर्शन संबंधी समस्याएं हो सकती हैं। यह कोडबेस को अधिक संक्षिप्त और कम त्रुटि-प्रवण बनाता है।
4. चुनना
यह पिक फ़ंक्शन आपको किसी मौजूदा ऑब्जेक्ट से चुनिंदा विशिष्ट गुण निकालने देता है और संगणना के परिणाम के रूप में उन गुणों के साथ एक नई वस्तु उत्पन्न करता है।
उदाहरण के लिए, किसी एप्लिकेशन में रिपोर्ट सुविधा पर विचार करें, पिक फ़ंक्शन का उपयोग करके, आप आसानी से अनुकूलित कर सकते हैं वांछित उपयोगकर्ता जानकारी के आधार पर अलग-अलग रिपोर्ट, उन गुणों को स्पष्ट रूप से निर्दिष्ट करके जिन्हें आप विभिन्न में शामिल करना चाहते हैं रिपोर्ट।
यहाँ कोड में एक उदाहरण है:
कॉन्स्ट उठाओ = (वस्तु,... चाबियाँ) => {
वापस करना की.रिड्यूस ((परिणाम, कुंजी) => {
अगर (ऑब्जेक्ट.हैसऑनप्रॉपर्टी (कुंजी)) {
परिणाम [कुंजी] = वस्तु [कुंजी];
}
वापस करना परिणाम;
}, {});
};
पिक फ़ंक्शन तर्क के रूप में एक वस्तु और किसी भी संख्या में कुंजियाँ लेता है। कुंजियाँ उन गुणों का प्रतिनिधित्व करती हैं जिन्हें आप चुनना चाहते हैं। यह तब एक नई वस्तु लौटाता है जिसमें मिलान कुंजियों के साथ केवल मूल वस्तु के गुण होते हैं।
कॉन्स्ट उपयोगकर्ता = {
नाम: 'मार्टिन',
आयु: 30,
ईमेल: '[email protected]',
};
सांत्वना देनालॉग (चुनें (उपयोगकर्ता, 'नाम', 'आयु'));
// आउटपुट: {नाम: 'मार्टिन', उम्र: 30}
अनिवार्य रूप से, एक पिक फ़ंक्शन जटिल फ़िल्टरिंग लॉजिक को एकल फ़ंक्शन में समाहित कर सकता है, जिससे कोड को समझना और डीबग करना आसान हो जाता है।
यह कोड पुन: प्रयोज्यता को भी बढ़ावा दे सकता है, क्योंकि आप कोड दोहराव को कम करते हुए, अपने कोडबेस में पिक फ़ंक्शन का पुन: उपयोग कर सकते हैं।
5. ज़िप
यह ज़िप फ़ंक्शन प्रत्येक इनपुट सरणी से संबंधित तत्वों से मेल खाते हुए सरणी को टुपल्स की एक सरणी में जोड़ता है।
यहाँ एक ज़िप फ़ंक्शन का कार्यान्वयन उदाहरण दिया गया है:
समारोहज़िप(...सरणियाँ) {
कॉन्स्ट अधिकतम लंबाई = गणित.min(...arrays.map(सरणी => सरणी लंबाई));वापस करनासरणी।से(
{ लंबाई: अधिकतम लंबाई },
(_, अनुक्रमणिका) => arrays.map (सरणी => सरणी [सूचकांक])
);
};कॉन्स्ट एक = [1, 2, 3];
कॉन्स्ट ख = ['ए', 'बी', 'सी'];
कॉन्स्ट सी = [सत्य, असत्य, सत्य];
सांत्वना देनालॉग (ज़िप (ए, बी, सी));
// आउटपुट: [[1, 'ए', सच], [2, 'बी', झूठा], [3, 'सी', सच]]
Zip फ़ंक्शन इनपुट सरणियों को स्वीकार करता है और उनकी सबसे लंबी लंबाई की गणना करता है। यह तब Array.from JavaScript विधि का उपयोग करके एकल सरणी बनाता है और लौटाता है। इस नई सरणी में प्रत्येक इनपुट सरणी से तत्व शामिल हैं।
यह विशेष रूप से उपयोगी है यदि आपको कई स्रोतों से डेटा को तुरंत संयोजित करने की आवश्यकता है, अनावश्यक कोड लिखने की आवश्यकता को हटाते हुए जो अन्यथा आपके कोडबेस को अव्यवस्थित कर देगा।
अपने कोड में जावास्क्रिप्ट कार्यों के साथ काम करना
जावास्क्रिप्ट फ़ंक्शंस छोटे और बड़े दोनों कोडबेस के लिए बहुत सारे प्रोग्रामिंग लॉजिक को संभालने के लिए एक सरल और कॉम्पैक्ट तरीका प्रदान करके आपके कोड की गुणवत्ता में बहुत सुधार करता है। इन कार्यों को समझने और उपयोग करके, आप अधिक कुशल, पठनीय और रखरखाव योग्य अनुप्रयोग लिख सकते हैं।
अच्छा कोड लिखने से ऐसे उत्पादों का निर्माण संभव हो जाता है जो न केवल अंतिम उपयोगकर्ताओं के लिए एक विशेष समस्या का समाधान करते हैं, बल्कि ऐसा इस तरह से करते हैं जिसे संशोधित करना आसान हो।
