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ı