CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

tsc derleyicisi

TypeScript derleyicisi tsc ile .ts dosyalarını .js'ye dönüştürmeyi öğrenirsin.

tsc derleyicisi

tsc, TypeScript derleyicisidir. Bir .ts dosyasını alır, türleri denetler ve tür açıklamalarını kaldırarak saf JavaScript üretir. Varsayılan olarak aynı adda bir .js dosyası oluşturur.

tsc selam.ts
# selam.js oluşur

Böylece çıktıyı Node veya tarayıcıda çalıştırabilirsin.

--noEmit bayrağı

tsc varsayılan olarak JavaScript üretir. --noEmit bayrağı ile yalnızca tür denetimi yapar, dosya oluşturmaz. Bu, yapılandırma araçlarında (ör. Vite) sık kullanılır.

tsc --noEmit selam.ts
# yalnızca hataları gösterir, .js oluşturmaz

Uygulama Derlenecek fonksiyon

selamVer adında bir fonksiyon yaz. Parametresi ad: string, dönüş türü string. Gövdesi "Merhaba, " + ad dönsün. Sonra selamVer("Dünya") sonucunu console.log ile yazdır.

Başlangıç kodu

index.ts
// selamVer fonksiyonunu tanımla
// parametre: ad: string, dönüş: string

// selamVer("Dünya") sonucunu yazdır

Örnek çözüm

index.ts
function selamVer(ad: string): string {
  return "Merhaba, " + ad;
}
console.log(selamVer("Dünya"));

Beklenen çıktı

Merhaba, Dünya

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 tsc varsayılan olarak ne yapar?

  • .js dosyasını .ts'ye dönüştürür
  • Yalnızca türleri denetler, dosya oluşturmaz
  • .ts dosyasını siler
  • .ts dosyasını .js'ye dönüştürür Doğru cevap

Açıklama: Varsayılan olarak tsc, .ts dosyasını derler ve aynı adda bir .js dosyası yazar. 'Yalnızca denetle' davranışı için --noEmit bayrağı gerekir.

2 Çıktı uzantısı

Soru 
// tsc app.ts çalışınca app.____ oluşur
Cevap 
// tsc app.ts çalışınca app.js oluşur

Açıklama: tsc varsayılan olarak .ts dosyasından aynı adda .js dosyası üretir. .ts kaynak, .js ise çıktıdır.

3 tsc parçaları

Kavram Anlamı
tsc TypeScript derleyicisi
.ts Kaynak dosya
.js Çıktı dosyası
--noEmit Dosya oluşturmaz

Başlangıç bölümündeki tüm dersler

1 TypeScript nedir? Kurulum

  1. TypeScript nedir?
  2. Neden TypeScript?
  3. tsc derleyicisi
  4. tsconfig temelleri
  5. Özet - TypeScript temelleri

2 Temel türler

  1. string türü
  2. number türü
  3. boolean türü
  4. let ve const
  5. Özet - Temel türler

3 Diziler

  1. Array türü
  2. Array metotları
  3. readonly diziler
  4. Çok boyutlu diziler
  5. Özet - Diziler

4 Tuple

  1. Tuple nedir?
  2. Tuple kullanımı
  3. readonly tuple
  4. Özet - Tuple

5 Enum

  1. Numeric enum
  2. String enum
  3. const enum
  4. Enum üyeleri
  5. Özet - Enum

6 any, unknown, never

  1. any türü
  2. unknown türü
  3. never türü
  4. void türü
  5. Özet - Özel türler

7 Type annotation

  1. Değişken annotation
  2. Parametre annotation
  3. Return type annotation
  4. Özet - Type annotation

8 Type inference

  1. Temel inference
  2. const ile inference
  3. Best common type
  4. Özet - Type inference

9 Objeler

  1. Object türü
  2. Optional properties
  3. Readonly properties
  4. Özet - Objeler

10 Fonksiyonlar

  1. Function declaration
  2. Optional ve default params
  3. Rest params
  4. Function overloads
  5. Özet - Fonksiyonlar

11 Arrow fonksiyonlar

  1. Arrow syntax
  2. Arrow ile this
  3. Arrow type
  4. Özet - Arrow fonksiyonlar

12 Interface'ler

  1. Interface nedir?
  2. Property types
  3. Interface vs type alias
  4. Özet - Interface'ler

13 Type alias

  1. Type alias nedir?
  2. Alias ile composition
  3. Alias vs interface
  4. Özet - Type alias

14 Union ve intersection

  1. Union types
  2. Intersection types
  3. Literal types
  4. Özet - Union & intersection

15 null ve undefined

  1. null ve undefined farkı
  2. Optional chaining
  3. Nullish coalescing
  4. Özet - null & undefined

16 Strict mode

  1. strict: true
  2. strictNullChecks
  3. strictFunctionTypes
  4. Özet - Strict mode

17 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. İndirim uygulama
  5. Birleştirme

18 Proje: Todo CLI

  1. Görev modeli
  2. Ekleme ve listeleme
  3. Tamamlama
  4. Filtreleme
  5. Birleştirme

19 Proje: Kütüphane

  1. Kitap modeli
  2. Ekleme ve arama
  3. Ödünç alma
  4. İade etme
  5. Birleştirme

20 Başlangıç finali

  1. Meydan okuma 1: Türler
  2. Meydan okuma 2: Fonksiyonlar
  3. Meydan okuma 3: Birleşim
  4. Meydan okuma 4: Mini uygulama