Re-export
- TypeScript kursu
- Orta seviye
- Ders 51/89
- 4 dk
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.
Başlangıç kodu
// topla fonksiyonunu tanımla (henüz dışa aktarma yok)
// cikar fonksiyonunu tanımla (henüz dışa aktarma yok)
// barrel desenini kullanarak ikisini dışa aktar
// her birinin sonucunu ayrı satırda yazdırÖrnek çözüm
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));Beklenen çıktı
13 7
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Aşağıdakilerden hangisi re-export sözdizimidir?
- export { topla } from "./matematik" Doğru cevap
- import topla from "./matematik"
- import { topla } from "./matematik"
- export default topla
Açıklama: 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.
2 from ekle
export { topla } ____ "./matematik";export { topla } from "./matematik";Açıklama: Re-export sözdiziminde modül yolunu belirtmek için from anahtar kelimesi kullanılır. import içe aktarma içindir; in ve path TypeScript modül sözdiziminin parçası değildir.
3 Re-export parçaları
| Kavram | Anlamı |
|---|---|
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 |