سلام،

برنامه نویسی ماژولار یک تکنیک برنامه نویسیه که در آن کد به بخش‌های کوچکتر و مستقل به نام ماژول تقسیم می‌شود. هر ماژول عملکرد خاصی را انجام می‌دهد و می‌تواند با سایر ماژول‌ها برای ایجاد برنامه‌های بزرگتر و پیچیده‌تر استفاده شود.

چند مثال:

در html، می‌توانید یک ماژول برای ایجاد نوار ناوبری ایجاد کنید و سپس از آن ماژول در هر صفحه از وب سایت خود استفاده کنید.

در css، می‌توانید یک ماژول برای ایجاد دکمه ایجاد کنید و سپس از آن ماژول در هر صفحه از وب سایت خود استفاده کنید.

در js، می‌توانید یک ماژول برای ایجاد یک پنجره بازشو ایجاد کنید و سپس از آن ماژول در هر صفحه از وب سایت خود استفاده کنید.

یک ماژول ساده در JavaScript:

ماژول‌ها در JavaScript به صورت فایل‌های جداگانه که قابلیت بازنویسی و استفاده مجدد از کدها را فراهم می‌کنند.

فایل calculator.js

// calculator.js
export function add(a, b) {
  return a + b;
}
export function subtract(a, b) {
  return a - b;
}
export function multiply(a, b) {
  return a * b;
}
export function divide(a, b) {
  if (b !== 0) {
    return a / b;
  } else {
    console.error("Error: Division by zero");
    return undefined;
  }
}

مثالی از نحوه استفاده از این ماژول در فایل‌های دیگر:

// index.js
// import functions from the calculator.js module
import { add, subtract, multiply, divide } from './calculator.js';
console.log("Addition:", add(5, 3));        
console.log("Subtraction:", subtract(8, 3));
console.log("Multiplication:", multiply(4, 2));
console.log("Division:", divide(10, 2));