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.

JavaScript modülü, diğer dosyaların import ederek kullanabilmesi için kodu (değişkenler, işlevler, 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 yönetir; kullanıcı adını ve giriş işlevselliğini içerir.

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