0Pricing
TypeScript Academy · Ders

Yalnızca Tür İçeren İçe ve Dışa Aktarımlar

Çalışma zamanı yükünü önlemek için import type kullanın

Yalnızca Tür İçeren İçe ve Dışa Aktarımlar, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 4 dersten oluşur.

Hoş Geldiniz

Yalnızca tür içe aktarmaları ve dışa aktarımları (import type / export type), geliştiricilere neyin çalışma zamanı bağımlılığı, neyin yalnızca tür olduğu üzerinde açık denetim sağlamak amacıyla TypeScript 3.8'de kullanıma sunuldu.

Yalnızca Tür Kullanımı Neden Önemlidir

Normal içe aktarmalar çalışma zamanı kodu içerebilir. Yalnızca türe ihtiyacınız varsa içe aktarma, derlenmiş çıktıdan tamamen çıkarılabilir.
import { User } from './models'; // includes runtime binding
import type { User } from './models'; // compile-time only, erased

import type Sözdizimi

`import` anahtar sözcüğünden sonra `type` yazın. İçe aktarılan adı değer olarak kullanamazsınız.
import type { ApiResponse } from './api-types';

function handleResponse(res: ApiResponse<User>): void {
  // ApiResponse used as type annotation only
}

export type Sözdizimi

Dışa aktarımları açıkça yalnızca tür olarak işaretlemek için `export type` kullanın.
// user.types.ts
export type UserId = string;
export type { User, UserRole };

Satır İçi Tür İçe Aktarması

TypeScript 4.5 ve sonraki sürümler, normal bir içe aktarma ifadesi içinde tek tek içe aktarmaların yalnızca tür olarak işaretlenmesine izin verir.
import { type User, createUser } from './user';
// User is type-only, createUser is a runtime value

Döngüsel Bağımlılıkları Çözümleme

Yalnızca tür içe aktarmaları, çalışma zamanı bağlamaları oluşturmadıkları için döngüsel bağımlılık sorunlarını çözebilir.

verbatimModuleSyntax

TypeScript 5.0, `verbatimModuleSyntax` özelliğini kullanıma sundu. Bu özellik etkinleştirildiğinde, paketleyicinin kafasının karışmasını önlemek için yalnızca tür içe aktarmalarında MUST `import type` kullanmanız gerekir.
// tsconfig.json
{ "compilerOptions": { "verbatimModuleSyntax": true } }

importsNotUsedAsValues

`importsNotUsedAsValues` derleyici seçeneği (`verbatimModuleSyntax` ile yer değiştirmiştir), TypeScript'in kullanılmayan değer içe aktarmalarını nasıl ele alacağını denetler.

Paketleyicilerdeki Yararlar

Vite ve esbuild gibi paketleyiciler, tür içe aktarmalarını işlemeyi atlamak için `import type` işaretlerini kullanır ve derleme hızını artırır.

Yalnızca Tür Yeniden Dışa Aktarımları

Türleri, çalışma zamanı modüllerini içermeden yeniden dışa aktarın.
// public-api.ts
export type { User, UserRole } from './internal-user';
export { createUser } from './internal-user'; // runtime

Hata: import type Değer Olarak Kullanılamaz

Yalnızca tür içe aktarmasını çalışma zamanı değeri olarak kullanmak bir derleme hatasıdır.
import type { User } from './user';
// const u = new User(); // Error — User was imported as type-only

Hızlı Kontrol

Normal bir `import` yerine ne zaman `import type` kullanmalısınız?

Özet

Yalnızca tür içe aktarmaları ve dışa aktarımları için `import type` ve `export type` kullanın. Bunlar derleme zamanında silinir, tür dosyalarına çalışma zamanı bağımlılığını önler ve verbatimModuleSyntax etkinleştirildiğinde zorunludur.

Sıkça Sorulan Sorular

“Yalnızca Tür İçeren İçe ve Dışa Aktarımlar” dersi ücretsiz mi?

Evet — “Yalnızca Tür İçeren İçe ve Dışa Aktarımlar” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 4 dersten oluşur.

“Yalnızca Tür İçeren İçe ve Dışa Aktarımlar” dersinde ne öğreneceğim?

Çalışma zamanı yükünü önlemek için import type kullanın TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Yalnızca Tür İçeren İçe ve Dışa Aktarımlar” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. ES Modülü Sözdizimi: import ve export
  2. Yeniden Dışa Aktarımlar ve Fıçı Dosyaları
  3. Yalnızca Tür İçeren İçe ve Dışa Aktarımlar
  4. Ad Alanları mı Modüller mi: Modern Kullanım
← TypeScript Academy Sayfasına Dön