Type-only import
- TypeScript kursu
- Orta seviye
- Ders 52/89
- 4 dk
Sadece tür dışa aktarmayı öğrenirsin.
Type-only import
import type sözdizimi, yalnızca tür olarak kullanılacak öğeleri içe aktarır. Bu öğeler çalışma zamanında var olmaz; derleme zamanında tamamen kaldırılır. JavaScript'e derlendiğinde bundle'dan çıkarıldığı için paket boyutu küçülür.
// kisi.ts
export interface Kisi {
ad: string;
}
// app.ts
import type { Kisi } from "./kisi";
function goster(k: Kisi) {
return k.ad;
}Ne zaman type-only kullanılır?
Bir modülden yalnızca arayüz, type alias veya tür parametresi alıyorsan import type kullanmalısın. Bu, derleyiciye öğenin çalışma zamanında gerekmediğini bildirir. Özellikle isolatedModules modunda, yalnızca tür olan öğelerin type-only içe aktarılması zorunlu olabilir.
Uygulama Tür dışa aktar ve kullan
Kisi arayüzünü dışa aktar: ad: string ve yas: number özellikleri olsun. goster fonksiyonunu dışa aktar: (k: Kisi): string imzalı, gövdesi return k.ad + k.yas olsun. goster({ ad: "Ece", yas: 25 }) çağrısının sonucunu console.log ile yazdır.
Başlangıç kodu
// Kisi arayüzünü dışa aktar: ad string, yas number
// goster fonksiyonunu dışa aktar, Kisi parametreli
// ad ve yas değerlerini birleştirip döndürsün
// goster'i nesneyle çağır, sonucu yazdırÖrnek çözüm
export interface Kisi {
ad: string;
yas: number;
}
export function goster(k: Kisi): string {
return k.ad + k.yas;
}
console.log(goster({ ad: "Ece", yas: 25 }));Beklenen çıktı
Ece25
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 <code>import type</code> ile içe aktarılan bir öğe nasıl kullanılabilir?
- Yalnızca tür konumlarında Doğru cevap
- Hem tür hem değer olarak
- Yalnızca değer olarak
- Çalışma zamanında erişilebilir
Açıklama: import type ile alınan öğe yalnızca tür konumlarında kullanılabilir; değer olarak erişilemez. Çalışma zamanında tamamen kaldırılır, bu yüzden değer erişimi derleme hatasıdır.
2 type ekle
import ____ { Kisi } from "./kisi";import type { Kisi } from "./kisi";Açıklama: Tür-only içe aktarma için import type yazılır. only, interface ve as bu konumda geçerli anahtar kelimeler değildir; yalnızca type bu anlama gelir.
3 Type-only import parçaları
| Kavram | Anlamı |
|---|---|
import type |
Tür-only içe aktarma |
export interface Kisi |
Tür dışa aktarma |
from "./kisi" |
Modül yolu |
k: Kisi |
Tür konumu kullanımı |