CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

TypeScript nedir?

TypeScript'in JavaScript'in türlü üst kümesi olduğunu öğrenirsin.

TypeScript nedir?

TypeScript, JavaScript'in türlü üst kümesidir. Yani her geçerli JavaScript programı aynı zamanda geçerli bir TypeScript programıdır. TypeScript kaynak dosyaları .ts uzantısını kullanır.

let isim: string = "Ayşe";
let yas: number = 30;

Tür açıklamaları yalnızca derleme sırasında denetlenir; çıktı yine saf JavaScript'tir.

Tür açıklaması sözdizimi

TypeScript'te bir değişkenin türünü adından sonra iki nokta üst üste ile belirtirsin. Yanlış türde değer atamaya çalışırsan derleyici uyarı verir.

let puan: number = 95;
puan = "yüksek"; // Hata: 'string', 'number' atanamaz

Tür açıklamaları seçimlidir; çoğu durumda TypeScript atanan değerden türü çıkarır.

Uygulama İlk tür açıklaman

yas adında bir değişken tanımla. Türü number, değeri 25 olsun. Sonra console.log ile yas değişkenini yazdır.

Başlangıç kodu

index.ts
// yas değişkenini number türüyle tanımla
// değer 25 olsun

// console.log ile yazdır

Örnek çözüm

index.ts
let yas: number = 25;
console.log(yas);

Beklenen çıktı

25

Soru ve cevaplar

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

1 TypeScript'in JavaScript'in 'üst kümesi' olması ne anlama gelir?

  • Her geçerli JavaScript programı aynı zamanda geçerli TypeScript'tir. Doğru cevap
  • Her geçerli TypeScript programı aynı zamanda geçerli JavaScript'tir.
  • TypeScript, JavaScript'in yerini tamamen alır.
  • TypeScript ve JavaScript arasında hiçbir ilişki yoktur.

Açıklama: Üst küme, JavaScript'in tüm sözdizimini içerir ve üzerine türler ekler. Bu yüzden her JS kodu TS'de geçerlidir; ancak tür açıklamalı TS kodu doğrudan JS olarak çalışmaz.

2 TypeScript dosya uzantısı

Soru 
// Kaynak dosya: selam.____
let mesaj: string = "Merhaba";
Cevap 
// Kaynak dosya: selam.ts
let mesaj: string = "Merhaba";

Açıklama: TypeScript kaynak dosyaları .ts uzantısını kullanır. .js ise derlenmiş JavaScript çıktısıdır.

3 TypeScript temel kavramlar

Kavram Anlamı
: string Tür bildirimi
.ts Kaynak dosya uzantısı
üst küme JS kodu TS'de geçerlidir
JavaScript TypeScript'in temeli

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