ما هي الـ Modules؟

عندما يصبح كود JavaScript الخاص بك كبيراً ومعقداً، يصبح من الصعب إدارة كل شيء في ملف واحد. الحل هو modules: تقسيم الكود الخاص بك إلى ملفات منفصلة ومنظمة.

الـ module (الوحدة البرمجية) هو ملف JavaScript يحتوي على كود ذي صلة. تتعامل كل وحدة مع وظيفة محددة واحدة، مما يجعل تطبيقك أسهل في الفهم والصيانة.

وحدة JavaScript هي ملف .js عادي يمكنه تصدير (export) الكود (المتغيرات، الدوال، الأصناف) بحيث يمكن للملفات الأخرى استيراده (import) واستخدامه.

مثال:

ملف واحد فوضوي:

// ملف: messy-app.js
let user = "John";
let score = 0;

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

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

ملفان منظمان باستخدام الوحدات (Modules):

// ملف: 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 - يدير نظام تسجيل النقاط في اللعبة ويتتبع النتيجة ويتعامل مع حسابات النقاط.