आज, वेबसाइट के विकास में जावास्क्रिप्ट एक बड़ी भूमिका निभाता है। इंटरएक्टिव वेब एप्लिकेशन बनाने के लिए फ्रंट-एंड डेवलपर्स जावास्क्रिप्ट का उपयोग करते हैं। नतीजतन, जावास्क्रिप्ट डेवलपर्स की मांग में वृद्धि हुई है।
निश्चित रूप से, जावास्क्रिप्ट वर्षों में विकसित हुआ है। ES6 ने भाषा में कई नई सुविधाएँ पेश कीं। इनमें से एक जावास्क्रिप्ट फाइलों के बीच आसानी से कोड साझा करने का एक तरीका है।
जावास्क्रिप्ट के लिए फ़ंक्शन आयात और निर्यात नई विशेषताएं हैं जो आपको एक बेहतर डेवलपर बनाती हैं। यहां बताया गया है कि ये फीचर कैसे काम करते हैं।
जावास्क्रिप्ट मॉड्यूल क्या है?
एक जावास्क्रिप्ट मॉड्यूल एक जावास्क्रिप्ट फ़ाइल है जिसमें आपके उपयोग के लिए कोड का एक संग्रह होता है। मॉड्यूल आमतौर पर अलग-अलग फाइलों में लिखे जाते हैं और आयात कीवर्ड। यह समय और प्रयास बचाता है क्योंकि आप इसे बाद में पुन: उपयोग कर सकते हैं।
उदाहरण के लिए, यदि आपके पास एक फ़ंक्शन कहा जाता है गणना योग (), आप इसे किसी अन्य फ़ाइल में शामिल कर सकते हैं और इसका उपयोग करके इसे अपने प्रोजेक्ट में कहीं भी उपलब्ध करा सकते हैं निर्यात और आयात जावास्क्रिप्ट बिना किसी झंझट के काम करता है।
मॉड्यूल का उपयोग करने का एक लाभ यह है कि यह आपके कोड को व्यवस्थित रखने में मदद करता है। यह आपके कोड को अधिक प्रबंधनीय और डिबग करने में आसान बनाता है।
एक मॉड्यूल के रूप में जावास्क्रिप्ट फ़ाइल का उपयोग करने के लिए, आपको अपने HTML दस्तावेज़ में एक स्क्रिप्ट बनाने की आवश्यकता है प्रकार = "मॉड्यूल".
<स्क्रिप्ट प्रकार ="मापांक" स्रोत ="फ़ाइलनाम.जेएस"></script>
दो प्रकार के मॉड्यूल हैं:
- ईसीएमएस्क्रिप्ट मॉड्यूल: मानक जावास्क्रिप्ट मॉड्यूल और सभी प्रमुख ब्राउज़रों द्वारा समर्थित हैं।
- कॉमनजेएस मॉड्यूल: पुराने हैं, और वे व्यापक रूप से समर्थित नहीं हैं।
हम यहां ईसीएमएस्क्रिप्ट मॉड्यूल पर ध्यान केंद्रित करेंगे। यदि आवश्यक हो, तो हमारा देखें जावास्क्रिप्ट का परिचय मूल बातें पर ब्रश करने के लिए।
जावास्क्रिप्ट में कार्यों को कैसे निर्यात करें
जावास्क्रिप्ट में, कार्य प्रथम श्रेणी के ऑब्जेक्ट होते हैं जिन्हें स्वयं के उपयोग के अलावा तर्क के रूप में पारित किया जा सकता है। निर्यात कार्य उन्हें अन्य कार्यक्रमों में स्थानांतरित करने का एक अच्छा तरीका है। इसका उपयोग तब भी किया जाता है जब आप पुन: प्रयोज्य पुस्तकालय बनाना चाहते हैं।
जावास्क्रिप्ट में निर्यात कार्यों का उपयोग किया जाता है निर्यात समारोह। निर्यात फ़ंक्शन किसी दिए गए फ़ंक्शन को किसी अन्य फ़ाइल या स्क्रिप्ट द्वारा उपयोग किए जाने के लिए निर्यात करता है। निर्यात करके हमारे अपने कार्य, हम लाइसेंस संबंधी समस्याओं के बारे में चिंता किए बिना उन्हें अन्य फ़ाइलों या स्क्रिप्ट में स्वतंत्र रूप से उपयोग कर सकते हैं।
उपयोग करने के दो तरीके हैं निर्यात कुशलतापूर्वक कार्य करें। हम इन पर कोड उदाहरणों के साथ जाएंगे।
मान लीजिए आपके पास एक फाइल है व्यक्तिगत विवरण प्राप्त करें.जेएस जिसमें एक फ़ंक्शन होता है जो एक त्वरित इनपुट के बाद उपयोगकर्ता का पूरा नाम लौटाता है। समारोह इस तरह दिखता है:
समारोहgetFullName(पूरा नाम){
पूरा नाम = शीघ्र ('आपका पहला नाम क्या है');
सांत्वना देनालॉग (पूरा नाम);
}
- आप इस फ़ंक्शन को केवल का उपयोग करके निर्यात कर सकते हैं निर्यात कर्ली ब्रैकेट्स में फंक्शन के नाम के बाद कीवर्ड। यह इस तरह दिख रहा है:
निर्यात {getFullName};
- जोड़ने का दूसरा तरीका है निर्यात कीवर्ड फ़ंक्शन घोषित करने से ठीक पहले।
निर्यातसमारोहgetFullName (पूरा नाम){...}
आप पहली विधि का उपयोग कर एकाधिक फ़ंक्शन निर्यात कर सकते हैं। यह घुंघराले ब्रैकेट में वांछित कार्यों के नामों को शामिल करके किया जाता है। कार्यों को अल्पविराम से अलग किया जाता है।
उदाहरण के लिए: मान लीजिए कि हमारे में आपके तीन कार्य हैं व्यक्तिगत विवरण प्राप्त करें.जेएस फ़ाइल - getFullName (),ईमेल प्राप्त करें (), गेटडॉब (). आप कोड की निम्न पंक्ति जोड़कर कार्यों को निर्यात कर सकते हैं:
निर्यात {getFullName, getEmail, getDob};
जावास्क्रिप्ट में फ़ंक्शंस कैसे आयात करें
मॉड्यूल का उपयोग करने के लिए, आपको पहले इसे आयात करना होगा। पूर्ण-पथ संदर्भ का उपयोग करके कोई भी फ़ंक्शन आयात किया जा सकता है।
आयात कार्य काफी सीधा है। अन्य फ़ाइलों से अपने स्वयं के कार्यों को आयात करने के लिए जावास्क्रिप्ट में एक अंतर्निहित सुविधा है। यदि आप उन कार्यों को अन्य मॉड्यूल से एक्सेस करना चाहते हैं, तो अपनी प्रत्येक उपयोगिताओं के लिए फ़ंक्शन घोषणा शामिल करना एक अच्छा विचार है।
आयात किया जाने वाला एक फ़ंक्शन पहले से ही इसकी मूल फ़ाइल में निर्यात किया गया है।
आप का उपयोग करके किसी भिन्न फ़ाइल से फ़ंक्शन आयात कर सकते हैं आयात कीवर्ड कार्यक्षमता। आयात आपको फ़ाइल या मॉड्यूल के किस हिस्से को लोड करने के लिए चुनने की अनुमति देता है।
यहां बताया गया है कि आप हमारा आयात कैसे करते हैं getFullName से समारोह व्यक्तिगत विवरण प्राप्त करें.जेएस:
आयात {getFullName} से './getPersonalDetails.js'
यह इस फ़ंक्शन को हमारी वर्तमान फ़ाइल में उपयोग के लिए उपलब्ध कराएगा।
एकाधिक कार्यों को आयात करने के लिए, आयात किए जाने वाले कार्यों को घुंघराले ब्रेसिज़ में शामिल किया गया है। प्रत्येक को अल्पविराम (,) द्वारा अलग किया जाता है।
आयात {getFullName, getEmail, getDob} से './getPersonalDetails.js'
उपयोग करने का एक और तरीका है आयात कार्यक्षमता। यह हमें एक विशेष फ़ाइल में सभी निर्यातों को आयात करने की अनुमति देता है। का प्रयोग करके किया जाता है आयात * के रूप में वाक्य - विन्यास।
आप हमारे में सभी निर्यात आयात कर सकते हैं व्यक्तिगत विवरण प्राप्त करें.जेएस कोड की निम्न पंक्ति जोड़कर:
आयात * जैसा व्यक्तिगत विवरण मॉड्यूल से './getPersonalDetails.js'
उपरोक्त नामक एक वस्तु का निर्माण करेगा व्यक्तिगत विवरण मॉड्यूल।
यह सिर्फ एक परिवर्तनशील नाम है, आप इसे कुछ भी नाम दे सकते हैं।
इस वस्तु में हमारे सभी निर्यात शामिल हैं getPersonalDetails.js। फ़ंक्शन इस ऑब्जेक्ट में संग्रहीत हैं और किसी ऑब्जेक्ट प्रॉपर्टी तक पहुंचने के तरीके तक पहुंचा जा सकता है।
उदाहरण के लिए, हम एक्सेस कर सकते हैं getFullName कोड की निम्न पंक्ति जोड़कर कार्य करें
व्यक्तिगत विवरण मॉड्यूल.getFullName();
एक्सपोर्ट डिफॉल्ट क्या है?
निर्यात डिफ़ॉल्ट एक असाधारण निर्यात कार्यक्षमता है। इसका उपयोग तब किया जाता है जब फ़ाइल से केवल एक चर निर्यात किया जा रहा हो। इसका उपयोग फ़ाइल या मॉड्यूल के लिए फ़ॉलबैक मान बनाने के लिए भी किया जाता है।
नीचे एक उदाहरण है जहां हमने इसका इस्तेमाल किया getFullName डिफ़ॉल्ट के रूप में कार्य करें:
निर्यातगलती करनासमारोहgetFullName (पूरा नाम){...}
आपके पास प्रत्येक मॉड्यूल या फ़ाइल में डिफ़ॉल्ट के रूप में एक से अधिक मान नहीं हो सकते।
डिफ़ॉल्ट के रूप में उपयोग किए जाने वाले फ़ंक्शन को अलग तरीके से आयात किया जाता है। यहां हमारा आयात करने का तरीका बताया गया है getFullName फ़ंक्शन डिफ़ॉल्ट के रूप में उपयोग किया जाता है:
आयात पूरा नाम से './getPersonalDetails.js'
यहाँ अंतर हैं:
- आयातित मूल्य के आसपास कोई कर्ली ब्रेसिज़ नहीं हैं, पूरा नाम.
- पूरा नाम यहाँ सिर्फ एक परिवर्तनशील नाम है। यह जो कुछ भी डिफ़ॉल्ट फ़ंक्शन है उसका मान संग्रहीत करता है।
अपने जावास्क्रिप्ट कार्यों को सुपरचार्ज करें
जावास्क्रिप्ट मॉड्यूल कोड के टुकड़े होते हैं जिनका आयात और निर्यात जावास्क्रिप्ट कार्यों का उपयोग करके आपके कोड के अन्य भागों में पुन: उपयोग किया जा सकता है। वे आमतौर पर अलग-अलग फाइलों में लिखे जाते हैं और आयात कीवर्ड का उपयोग करके आयात किए जाते हैं। मॉड्यूल का उपयोग करने का एक लाभ यह है कि यह आपके कोड को व्यवस्थित रखने में मदद करता है। यह आपके कोड को अधिक प्रबंधनीय और डिबग करने में आसान बनाता है।