Q27. What are JavaScript modules (import/export)?

// math.js — এখান থেকে কিছু পাঠানো হচ্ছে
export function add(a, b) {
  return a + b;
}

export const PI = 3.1416;

export default class Calculator {
  // ...
}

// app.js — এখান থেকে নেওয়া হচ্ছে
import Calculator, { add, PI } from "./math.js";

console.log(add(2, 3)); // 5
console.log(PI);        // 3.1416

// একসাথে সব import
import { add, PI } from "./math.js";

// alias দিয়ে অন্য নামে
import { add as plus } from "./math.js";

// পুরো namespace হিসেবে
import * as math from "./math.js";

math.add(2, 3);

// index.html
<script type="module" src="./app.js"></script>

// Node-এ ESM চালাতে package.json-এ
{ "type": "module" }

// অথবা ফাইলের নাম .mjs রাখুন

async function loadPage(name) {
  const module = await import("./pages/" + name + ".js");
  return module.render();
}

// এক্ষেত্রে লোড হওয়া ফাইল আলাদা আলাদা chunk হয়
// শুধু দরকার হলে তখনই ডাউনলোড হয়

// counter.js
export let count = 0;

export function increment() {
  count++;
}

// app.js
import { count, increment } from "./counter.js";

console.log(count); // 0
increment();
console.log(count); // 1 — মূল ফাইল বদলালে এখানেও দেখা যায়