प्रतिक्रिया ES6 मॉड्यूल
मॉड्यूल
जावास्क्रिप्ट मॉड्यूल आपको अपने कोड को अलग-अलग फाइलों में विभाजित करने की अनुमति देता है।
इससे कोड-बेस को बनाए रखना आसान हो जाता है।
import
ES मॉड्यूल और export
कथनों पर निर्भर करते हैं ।
निर्यात
आप किसी भी फाइल से कोई फंक्शन या वेरिएबल एक्सपोर्ट कर सकते हैं।
आइए नाम की एक फाइल बनाएं person.js
, और उसमें उन चीजों को भरें जिन्हें हम एक्सपोर्ट करना चाहते हैं।
निर्यात दो प्रकार के होते हैं: नामांकित और डिफ़ॉल्ट।
नामित निर्यात
आप नामित निर्यात दो तरह से बना सकते हैं। इन-लाइन व्यक्तिगत रूप से, या सभी एक साथ तल पर।
व्यक्तिगत रूप से ऑनलाइन:
person.js
export const name = "Jesse"
export const age = "40"
सभी एक साथ तल पर:
person.js
const name = "Jesse"
const age = "40"
export { name, age }
प्रमाणन हासिल करें!
$95 नामांकन
डिफ़ॉल्ट निर्यात
आइए हम एक और फ़ाइल बनाते हैं, जिसका नाम है message.js
, और डिफ़ॉल्ट निर्यात को प्रदर्शित करने के लिए इसका उपयोग करें।
आपके पास फ़ाइल में केवल एक डिफ़ॉल्ट निर्यात हो सकता है।
उदाहरण
message.js
const message = () => {
const name = "Jesse";
const age = "40";
return name + ' is ' + age + 'years old.';
};
export default message;
आयात
आप किसी फ़ाइल में मॉड्यूल को दो तरह से आयात कर सकते हैं, इस आधार पर कि उन्हें निर्यात या डिफ़ॉल्ट निर्यात नाम दिया गया है।
नामित निर्यात को घुंघराले ब्रेसिज़ का उपयोग करके नष्ट किया जाना चाहिए। डिफ़ॉल्ट निर्यात नहीं करते हैं।
नामित निर्यातों से आयात करें
व्यक्ति.जेएस फ़ाइल से नामित निर्यात आयात करें:
import { name, age } from "./person.js";
डिफ़ॉल्ट निर्यात से आयात करें
फ़ाइल message.js से एक डिफ़ॉल्ट निर्यात आयात करें:
import message from "./message.js";