20. ES6 Modules (Import / Export)
📘 কনসেপ্ট (থিওরি)
জাভাস্ক্রিপ্ট কোড বড় হলে গোছালো রাখার জন্য একাধিক ফাইলে (মডিউল) ভাগ করতে হয়। ES6 মডিউল এক ফাইল থেকে কোড এক্সপোর্ট করে অন্য ফাইলে ইমপোর্ট করতে দেয়।
**এক্সপোর্ট করা:** (
math.js এ)
// Named এক্সপোর্ট
export const add = (a, b) => a + b;
export const PI = 3.14;
// Default এক্সপোর্ট (ফাইলে মাত্র একটি)
export default function calculate() { ... }
**ইমপোর্ট করা:** (
main.js এ)
// Named ইমপোর্ট (কার্লি ব্রেসে ঠিক একই নাম দিতে হবে)
import { add, PI } from './math.js';
// Default ইমপোর্ট (যেকোনো নাম দেওয়া যায়, ব্র্যাকেট লাগে না)
import calc from './math.js';
ব্রাউজারে মডিউল ব্যবহার করতে স্ক্রিপ্ট ট্যাগে
type="module" দিতে হয়: 💡 উদাহরণ
মডিউল সিনট্যাক্স উদাহরণ:
// --- utils.js ---
export const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
export const age = 25;
// --- app.js ---
import { capitalize, age } from './utils.js';
console.log(capitalize("hello")); // "Hello"
console.log(age); // 25
🎯 আপনার কাজ (প্র্যাকটিস)
এই এডিটর আসল ফাইল ইমপোর্ট সামলাতে পারে না। শুধু একটি
subtract(a, b) ফাংশন লিখুন এবং subtract(10, 4) লগ করে দেখান যে আপনি JS কোর্স শেষ করেছেন!main.javascript
Loading...
OUTPUT
Run your code to see the output here...