Re-export

Modülleri yeniden dışa aktarmayı öğrenirsin.

Re-export

Re-export, bir modülden içe aktarmadan doğrudan başka bir modül üzerinden dışa aktarmaktır. export { ad } from "./mod" sözdizimi ile öğeyi geçirebilirsin. Barrel dosyası, birden çok modülü tek bir girişten toplar; böylece içe aktarma yolları sadeleşir.

// index.ts
export { topla } from "./matematik";
export { cikar } from "./cikarma";

// app.ts
import { topla, cikar } from "./index";

Barrel dosyaları

Barrel dosyası, genellikle index.ts adıyla bir klasördeki tüm modüllerin öğelerini tek yerden dışa aktarır. Tüketici, her modülü tek tek belirtmek yerine yalnızca barrel'ı içe aktarır. Bu, içe aktarma yollarını kısaltır ve modül organizasyonunu sadeleştirir.

Uygulama Barrel deseniyle dışa aktar

topla fonksiyonunu tanımla: (a: number, b: number): number, a + b döndürsün. cikar fonksiyonunu tanımla: (a: number, b: number): number, a - b döndürsün. Barrel desenini kullanarak ikisini export { } ile dışa aktar. topla(10, 3) ve cikar(10, 3) sonuçlarını ayrı satırlarda yazdır.

Örnek çözümü göster

function topla(a: number, b: number): number {
  return a + b;
}

function cikar(a: number, b: number): number {
  return a - b;
}

export { topla, cikar };

console.log(topla(10, 3));
console.log(cikar(10, 3));

Kendini test et

Aşağıdakilerden hangisi re-export sözdizimidir?
- export { topla } from "./matematik"
- import topla from "./matematik"
- import { topla } from "./matematik"
- export default topla
Cevabı göster

export { topla } from "./matematik" — Re-export, export { } from sözdizimidir; öğeyi bir modülden doğrudan başka bir modülden geçirmeye yarar. import { } from içe aktarmadır; export default varsayılan dışa aktarmadır; süslü parantezsiz import default içe aktarmadır.

from ekle

export { topla } ____ "./matematik";

Cevabı göster

export { topla } from "./matematik";

Re-export parçaları

export { } from

Re-export sözdizimi
index.ts

Barrel dosya adı
export { topla, cikar }

Birden çok öğe re-export
from "./matematik"

Kaynak modül yolu

Sıradaki ders: Type-only import

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler