Type-only import

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.

Örnek çözümü göster

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 }));

Kendini test et

<code>import type</code> ile içe aktarılan bir öğe nasıl kullanılabilir?
- Yalnızca tür konumlarında
- Hem tür hem değer olarak
- Yalnızca değer olarak
- Çalışma zamanında erişilebilir
Cevabı göster

Yalnızca tür konumlarında — 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.

type ekle

import ____ { Kisi } from "./kisi";

Cevabı göster

import type { Kisi } from "./kisi";

Type-only import parçaları

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ı

Sıradaki ders: Özet - Modüller

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler