CodeBlanks Logo Icon CodeBlanks

Re-export

JavaScript kursu · İleri seviye · Ders 3/100

export ... from ile bir modüldeki değeri başka modüle aktarmayı öğrenirsin.

Re-export nedir?

Re-export, bir modüldeki değeri doğrudan başka bir modüle aktarmaktır. Bunu export ... from söz dizimi ile yaparsın; değer önce içe aktarılır, sonra aynı satırda dışa aktarılır.

export { greet } from './hello.js';

Burada greet değeri bu modülde kullanılmaz; yalnızca ./hello.js'ten geçilip bu modülü içe aktaranlara sunulur.

Barrel modülü

Bir barrel modülü, birçok modüldeki değerleri tek bir girişten dağıtan bir dosyadır. İçinde birden çok export ... from satırı bulunur.

export { login } from './user.js';
export { token } from './session.js';

Böylece tüketici tek bir import ile her iki değeri de aynı yerden alır. Büyük kütüphanelerde genel giriş noktası böyle kurulur.

Uygulama Barrel modülü yaz

Bir index.js barrel modülü yaz. ./user.js modülünden login ve logout değerlerini export ... from ile tek satırda aktar.

Örnek çözümü göster
Süslü parantez içine login ve logout yaz, from ile user.js belirt.
Örnek çözüm:
export { login, logout } from './user.js';

Kendini test et

  1. Bir modüldeki değeri doğrudan başka modüle aktaran söz dizimi hangisi?

    • export { x } from './m.js'
    • import { x } from './m.js'
    • export default x
    • const x = require('./m.js')
    Cevabı göster

    export { x } from './m.js' — Doğru! export ... from değeri kaynaktan doğrudan aktarır.

  2. Re-export söz dizimini tamamla

    export { greet } ____ './hello.js';
    Cevabı göster
    export { greet } from './hello.js';
  3. Re-export kavramlarını eşleştir

    export { x } from
    değeri aktarır
    barrel modül
    tek girişten dağıtır
    export * from
    tümünü aktarır
    ./hello.js
    kaynak modül

İleri seviye bölümündeki tüm dersler