জেভাস্ক্রিপ্ট মডিউল

মডিউল (Modules)

JavaScript মডিউলগুলি আপনাকে কোডকে এককভাবে ফাইলে ভাগ করে রাখার অনুমতি দেয়。

এটি কোড লাইব্রেরির রক্ষণাবেক্ষণকে সহজ করে তোলব。

মডিউলগুলি import স্টেটমেন্ট থেকে বাইরের ফাইল থেকে আমদানি করে থাকে。

মডিউলগুলি <script> ট্যাগের type="module"。

ইনস্ট্যান্স

<script type="module">
import message from "./message.js";
</script>

আপনার নিজেই চেষ্টা করুন

এক্সপোর্ট

সহফাংশনবাপরিবর্তনমডিউলটি কোনও বাইরের ফাইলে সংরক্ষণ করা যেতে পারে。

এক্সপোর্ট দুইটি ধরনের রয়েছে:নামকৃত এক্সপোর্টএবংডিফল্ট এক্সপোর্ট。

নামকৃত এক্সপোর্ট (Named Exports)

আমরা একটি person.js নামক ফাইল তৈরি করব এবং তাতে আমাদের নিয়ে যাওয়া কনটেন্ট পূর্ণ করব।

নামকৃত এক্সপোর্ট তৈরি করার দুইটি পদ্ধতি রয়েছে। একটি হল এককভাবে ইনলাইন সৃষ্টি করা এবং আরেকটি হল ফাইলের পায়ে একবার সবকিছু সৃষ্টি করা。

এককভাবে ইনলাইন সৃষ্টি করুন:

person.js

export const name = "Bill";
export const age = 19;

ফাইলের পায়ে একবার সৃষ্টি করুন:

person.js

const name = "Bill";
const age = 19;
export {name, age};

ডিফল্ট এক্সপোর্ট (Default Exports)

আমরা আরেকটি নামকরণ message.js ফাইল তৈরি করব এবং তার মাধ্যমে ডিফল্ট এক্সপোর্ট প্রদর্শন করব।

একটি ফাইলে শুধুমাত্র একটি ডিফল্ট এক্সপোর্ট থাকতে পারে。

ইনস্ট্যান্স

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;

আমদানি

আপনি দুইভাবে মডিউলকে ফাইলে আমদানি করতে পারেন, তা নামকৃত এক্সপোর্ট কিংবা ডিফল্ট এক্সপোর্ট হয় নির্ভর করে

নামকৃত এক্সপোর্টটি বড় বৃত্তির মাধ্যমে নির্মিত হয়।ডিফল্ট এক্সপোর্ট নয়

নামকৃত এক্সপোর্ট থেকে আমদানি

person.js ফাইল থেকে নামকৃত এক্সপোর্ট আমদানি করুন:

import { name, age } from "./person.js";

আপনার নিজেই চেষ্টা করুন

ডিফল্ট এক্সপোর্ট থেকে আমদানি

message.js ফাইল থেকে ডিফল্ট এক্সপোর্ট আমদানি করুন:

import message from "./message.js";

আপনার নিজেই চেষ্টা করুন

মনোযোগ

মডিউলটি শুধুমাত্র HTTP(s) প্রোটোকলের জন্য প্রযোজ্য

file:// প্রোটোকলের মাধ্যমে খোলা ওয়েবপেজে আমদানি/এক্সপোর্ট ব্যবহার করা যায় না。