JavaScript में Import और Export क्या होता है? In Hindi

Post Views : 350

Introduction

हेलो दोस्तों, आज हम इस post में JavaScript के import and export feature के बारे में जानगे की JavaScript में import and export feature का use कैसे और क्यों किया जाता है वह हम इस post में जानेगे!.

What is Import and Export in JavaScript?

JavaScript में import and export features वह हमें हमारे code को अलग-अलग file में share करने की अनुमति देता है!.

जिसमे
Export: Export feature file से code को send करने के लिए होता है!.
Import: Import feature दूसरी file से send code को import करने के लिए होता है!.

तो इस import/export feature system को Modules कह सकते है!.

Modules से पहले, JavaScript सब code एक बड़ी सी file में लिखते थे और बड़ी application के ज्यादा code लिखना होता था तो इस में code को manage करना कठिन होता था!.
तो अब वह Modules हमें अपने application के feature के अनुसार code split करने में मदद करता है और code आसान तरीके से manage करने के लिए help करता है!.

How to use Export in JavaScript? Export feature को JavaScript में कैसे use कर सकते है?

Export feature का use करके हम file से variable, functions, classes और objects को export कर सकते है dusari file के लिए!.
JavaScript में Export दो तरीके से किया जाता है!.

Named Export

इसमें हम एक file से कई चींजे export कर सकते है!. इसको हम एक file create करके समजते है मन लीजिये हमारे पास file_1.js है!.

Example:

export const userName = "Rahul";

export function greetUser() {
  console.log("Hello, Rahul!");
}

ऊपर के example में देख सकते है की यहाँ हमने एक userName और एक greenUser funciton को export किया है!.

Default Export

अगर आप चाहते है की पूरी file से सिर्फ एक चींजे export हो, तो आप default export का इस्तेमाल कर सकते है!.

Example:

// file_2.js

export default function() {
  console.log("This is the default exported function!");
}

Or
Example 2:

//File name file_2.js

export default class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hi, I'm ${this.name} and I'm ${this.age} years old.`);
  }
}

ऊपर के example में देख सकते है, हमने पूरा function एक default export के रूप में send किया है!.

How to use Import in JavaScript?

Import feature का मतलब होता है की किसी दूसरी file से send किये गए code को अपने file में लाना (import करना) और इस्तेमाल करना!. Export feature की तरह send किये code को हम दो तरीके से import कर सकते है!.

Named Import

अगर अपने Named Export किया है, तो import करते time आपको name {} (curly braces) के अंदर लिखना होता है!.

Example:

// file3.js

import { userName, greetUser } from './file_1.js';

console.log(userName);    // Output: Rahul
greetUser();              // Output: Hello, Rahul!

ऊपर के example में देख सकते है हमने file_1.js file से userName, greenUser variant को export किया है और याद रखे की name exact वैसा ही होना चाहिए जैसा Export करते time में था!.

Default Import

अगर अपने Default Expot किया था, तो Import करते time same name लिख सकते है!. {} curly braces लगाने की जरुरत नहीं होती है!.

Example:

// file4.js

import defaultFunction from './file_2.js';

defaultFunction();   // Output: This is the default exported function!

or
Example 2:

// app.js

import Person from './file_2.js';

const user = new Person('Neha', 25);
user.greet();   // Output: Hi, I'm Neha and I'm 25 years old.

JavaScript में Export/Import के Important Points

JavaScript Modules को Browser में रन करने के लिए <script type=”module”> लिखना जरुरी है!.

<script type="module" src="main.js"></script>

• Modules में सभी Code “scrict mode” में चलता है अपने आप.
• Import statement alwayes file के top पर होना चाहिए!!
• आप एक ही modules को कई files में import कर सकते है!.

JavaScript Modules का फायदे

• JavaScript code को छोटे-छोटे हिस्सों में split करना आसान होता है!
• हर file का काम अलग होता है!
• Code reusability बाथड़ी है!.
• बड़ी application के manage करना आसान होता है!.

Conclusion

Import और Export JavaScript में modules को manage करने का एक बहुत जरुरी tool है!. यह हमें Code को organize करने, clean रखने और reusability बठाने में help करता है!. चाहे आप छोटे project पर काम कर रहे हो या बड़े aaplication पर, Modules की समाज आपको एक बेहतरीन developer बनती है!.