CodeBlanks Logo Icon CodeBlanks

Default export

JavaScript kursu · Orta seviye · Ders 126/134

Bir modülden varsayılan değeri dışa aktarmayı öğrenirsin.

Default export

Bir modülün varsayılan dışa aktarımı (default export), o modülün ana değeridir. Bir modülde en fazla bir tane default export olur.

İşlev ve sınıfları doğrudan default olarak yazabilirsin:

export default function greet(name) {
  return "Merhaba " + name;
}

İçe aktarırken süslü parantez kullanmazsın; ismi sen seçersin.

İsimsiz default

Default export isimsiz bir işlev de olabilir. Bu, kütüphanelerde yaygındır.

export default function () {
  return "Hazır";
}

Ayrıca önceden tanımlanmış bir değeri de default olarak dışa aktarabilirsin:

function greet() { return "Merhaba"; }
export default greet;

Her iki yolda da içe aktaran taraf bir isim seçer.

Uygulama Default export yaz

greet adlı bir işlevi varsayılan olarak dışa aktar. İşlev bir name parametresi alsın ve "Merhaba " + name döndürsün.

Örnek çözümü göster
export default function greet(name) yaz ve return ile bir dize döndür.
Örnek çözüm:
export default function greet(name) {
  return "Merhaba " + name;
}

Kendini test et

  1. Bir modülde kaç default export olabilir?

    • Sınırsız
    • En fazla beş
    • Tam olarak bir
    • Modüller default almaz
    Cevabı göster

    Tam olarak bir — Doğru! Bir modülde tam olarak bir default export bulunur.

  2. Selamlama döndür

    export default function greet() {
      return ____;
    }
    Cevabı göster
    export default function greet() {
      return "Merhaba";
    }
  3. Default export kavramları

    export default
    modülün ana değeri
    bir modülde
    tek default olur
    default import
    isme gerek yok
    anonim işlev
    default olabilir
  4. Tanımlı işlevi default aktar

    export default ____;
    
    function greet(name) {
      return "Merhaba " + name;
    }
    Cevabı göster
    export default greet;
    
    function greet(name) {
      return "Merhaba " + name;
    }

Orta seviye bölümündeki tüm dersler