ESM (ECMAScript Modules) (✅แนะนำใช้)

ESM คือ โมดูลที่ใช้ import/export

export function add(a, b) {
  return a + b;
}

import { add } from "./math.js";
console.log(add(2, 3)); // 5

CJS (CommonJS) (❌ไม่แนะนำใช้)

CJS คือ โมดูลที่ใช้ require/module.exports

// math.js
module.exports = function(a, b) {
  return a + b;
};

// main.js
const add = require("./math");
console.log(add(2, 3)); // 5

ข้อควรรู้

ทำไมควรใช้ ESM เสมอ

• เป็นมาตรฐานใหม่ของ JavaScript ที่ได้รับการสนับสนุนอย่างเป็นทางการ
• ใช้ได้ทั้งใน browser และ Node.js โดยไม่ต้องใช้เครื่องมือเสริม
• รองรับการ import แบบ static ทำให้ bundler สามารถ optimize โค้ดได้ดีกว่า
• มีความชัดเจนในการ import/export ทำให้อ่านและดูแลโค้ดง่ายขึ้น