Module vs script

type='module' ile modül ve script arasındaki farkları (strict mode vb.) öğrenirsin.

Modül ve script farkı

Modüller otomatik olarak katı modda (strict mode) çalışır. Bu, "use strict" yazmana gerek kalmadan daha güvenli bir ortam sağlar.

Örneğin let olmadan x = 5; yazmak hata verir. Bu, sessiz hataları önler.

Eski tip script dosyalarında katı mod varsayılan değildir; modüllerde ise zorunludur.

Ertelenmiş yükleme

Modüller varsayılan olarak ertelenmiş (deferred) yüklenir. Bu, tarayıcının HTML'i tamamen ayrıştırdıktan sonra modülü çalıştırdığı anlamına gelir.

Böylece document.querySelector gibi çağrılar, öğeler hazır olduğu için çalışır. Eski script'lerde defer özniteliği gerekirdi; modüllerde bu varsaylandır.

Ayrıca modüller her zaman CORS istekleriyle yüklenir.

Uygulama Modül üst düzeyi

Bir modülde const VERSION = "1.0" tanımla, sonra en üst düzeyde this değerini console.log ile yazdır.

Örnek çözümü göster

Bir const tanımla ve this'i console.log ile yazdır.
Örnek çözüm:
const VERSION = "1.0";
console.log(this);

Kendini test et

Modüller otomatik olarak hangi modda çalışır?
- Katı mod (strict)
- Sloppy mod
- Yarım mod
- Rastgele mod
Cevabı göster

Katı mod (strict) — Doğru! Modüller otomatik olarak katı modda çalışır.

Modülde this nedir?

console.log(____); // modülde undefined

Cevabı göster

console.log(this); // modülde undefined

Modül davranışlarını eşleştir

strict mode

modüllerde otomatik
defer

DOM hazır olunca çalış
this

modülde undefined
top-level let

global değil

Sıradaki ders: Özet - Modüller

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler