מהם מודולים?

כשהקוד שלך ב-JavaScript גדל והופך למורכב, קשה לנהל הכול בקובץ אחד. הפתרון הוא מודולים: חלוקת הקוד לקבצים נפרדים ומאורגנים.

מודול הוא קובץ JavaScript שמכיל קוד קשור. כל מודול מטפל במשימה מסוימת אחת, וכך קל יותר להבין ולתחזק את היישום שלך.

מודול JavaScript הוא קובץ .js רגיל שיכול לייצא קוד (משתנים, פונקציות, מחלקות) כדי שקבצים אחרים יוכלו לייבא אותו ולהשתמש בו.

דוגמה:

קובץ מבולגן אחד:

// קובץ: messy-app.js
let user = "John";
let score = 0;

function login() {
  console.log("Welcome " + user);
}

function addPoints(points) {
  score += points;
}

שני קבצים המאורגנים באמצעות מודולים:

// קובץ: user-module.js
let user = "John";
function login() {
  console.log("Welcome " + user);
}
// קובץ: game-module.js  
let score = 0;
function addPoints(points) {
  score += points;
}

user-module.js - הוא מטפל באימות משתמשים ובנתונים הקשורים למשתמש, וכולל את שם המשתמש ואת פונקציונליות ההתחברות.

game-module.js - הוא מנהל את הניקוד ואת מערכת הנקודות במשחק, עוקב אחר הניקוד ומטפל בחישובי הנקודות.