Modül nedir?

ES modül sisteminin ne sağladığını ve dosya kapsamını öğrenirsin.

Modül nedir?

Bir modül (module), kendi kapsamı olan bir JavaScript dosyasıdır. ES modül sistemi bir dosyadaki değerleri export ile dışa aktarmanı, başka dosyalarda import ile kullanmanı sağlar.

Tarayıcıda modülleri script etiketinde type="module" yazarak yüklersin. Bu, dosyanın modül biçiminde çalışmasını sağlar.

Modüller kodu parçalara bölüp yeniden kullanmanı kolaylaştırır; büyük projelerde dosyaları düzenli tutar.

Dosya kapsamı

Her modül dosyasının kendi kapsamı (scope) vardır. Yani bir modülün en üst düzeyinde tanımladığın bir değişken otomatik olarak window nesnesine eklenmez; başka dosyalar onu göremez.

Bu, eski tip script dosyalarından farklıdır; orada en üst düzeydeki değişkenler global olur ve çakışabilir. Modüller bu sorunu ortadan kaldırır.

Bir değeri başka bir modülde kullanmak için açıkça export etmen gerekir.

Uygulama Modül yükleme etiketi

app.js dosyasını modül olarak yükleyen bir <script> etiketi yaz. type özniteliği module ve src özniteliği app.js olsun.

Örnek çözümü göster

type ve src özniteliklerini aynı script etiketinde kullan.
Örnek çözüm:
<script type="module" src="app.js"></script>

Kendini test et

Hangi öznitelik ES modüllerini etkinleştirir?
- type="module"
- type="es"
- type="import"
- type="mod"
Cevabı göster

type="module" — Doğru! type="module" bir script'i modül olarak yükler.

Script etiketini tamamla

<script type="____" src="app.js"></script>

Cevabı göster

<script type="module" src="app.js"></script>

Kavramları eşleştir

module

kendi kapsamlı dosya
file scope

her dosya ayrı alan
type='module'

modül modunu açar
global scope

tüm betiklerin alanı

Sıradaki ders: Named export

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler