Modüller Nedir?

JavaScript kodunuz büyüdüğünde ve karmaşıklaştığında, her şeyi tek bir dosyada yönetmek zorlaşır. Çözüm modüllerdir: kodunuzu ayrı, düzenli dosyalara bölmek.

Bir modül, ilgili kodları içeren bir JavaScript dosyasıdır. Her modül belirli bir işi üstlenerek uygulamanızın anlaşılmasını ve bakımını kolaylaştırır.

Bir JavaScript modülü, diğer dosyaların import edip kullanabilmesi için kod (değişkenler, fonksiyonlar, sınıflar) export edebilen normal bir .js dosyasıdır.

Örnek:

Karmaşık Bir Dosya:

// dosya: messy-app.js
let user = "John";
let score = 0;

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

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

Modüllerle düzenlenmiş iki dosya:

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

user-module.js - Kullanıcı kimlik doğrulamasını ve kullanıcıyla ilgili verileri işler; kullanıcı adı ve giriş yapma işlevselliğini içerir.

game-module.js - Oyun skorlamasını ve puan sistemini yönetir, skoru takip eder ve puan hesaplamalarını gerçekleştirir.