TypeScript Nedir? (What is TypeScript?)

Hadi basitçe anlatalım. TypeScript, Microsoft tarafından geliştirilen ve JavaScript'e tip sistemi ekleyen bir programlama dilidir. Yani JavaScript yazıyorsunuz ama hatalarınızı daha kod yazarken yakalıyorsunuz. Alesta Web ekibi olarak projelerimizde TypeScript kullanıyoruz ve inanın bize, hata ayıklama süresini yarı yarıya düşürüyor.

TypeScript 5.7 Yenilikleri (TypeScript 5.7 New Features)

22 Kasım 2024'te yayınlanan TypeScript 5.7, geliştiricilere birçok güçlü özellik sunuyor. Alesta Web olarak en önemli yenilikleri sizin için özetledik:

Never-Initialized Variables Kontrolü (Uninitialized Variable Check)

TypeScript 5.7'nin en dikkat çekici özelliklerinden biri bu. Artık bir değişken tanımlayıp hiç değer atamadığınızda, TypeScript sizi uyarıyor. Hatta iç içe fonksiyonlarda bile bu kontrolü yapabiliyor!

// TypeScript 5.7 öncesi - Hata yakalanmazdı
let kullaniciAdi: string;

function selamla() {
    // kullaniciAdi hiç atanmadan kullanılıyor!
    console.log("Merhaba " + kullaniciAdi);
}

// TypeScript 5.7 - HATA VERİR!
// Error: Variable 'kullaniciAdi' is used before being assigned.

Alesta Web deneyimlerimize göre bu özellik özellikle büyük projelerde çok işe yarıyor. Kaç kere undefined hatası aldığınızı bir düşünün!

Import Extensions Yeniden Yazımı (Rewrite Import Extensions)

Yeni --rewriteRelativeImportExtensions derleyici seçeneği ile TypeScript, .ts uzantılı import'ları otomatik olarak .js'e dönüştürüyor.

// tsconfig.json
{
  "compilerOptions": {
    "rewriteRelativeImportExtensions": true,
    "module": "NodeNext",
    "moduleResolution": "NodeNext"
  }
}

// Kaynak kod (.ts dosyasında)
import { helper } from "./utils.ts";

// Derleme sonrası (.js dosyasında)
import { helper } from "./utils.js";

ECMAScript 2024 Desteği (ES2024 Support)

TypeScript 5.7, artık --target es2024 seçeneğini destekliyor. Bu ne demek? En yeni JavaScript özelliklerini kullanabilirsiniz!

// Object.groupBy - Nesneleri grupla
const meyveler = [
    { ad: "elma", renk: "kırmızı" },
    { ad: "muz", renk: "sarı" },
    { ad: "kiraz", renk: "kırmızı" }
];

const renkGruplari = Object.groupBy(meyveler, m => m.renk);
// { kırmızı: [...], sarı: [...] }

// Promise.withResolvers - Promise oluşturmayı kolaylaştırır
const { promise, resolve, reject } = Promise.withResolvers();

// Daha sonra istediğiniz yerde:
resolve("Başarılı!");

Alesta Web olarak ES2024 özelliklerini projelerimizde aktif olarak kullanıyoruz. Özellikle Object.groupBy veri işlemede çok pratik.

V8 Compile Cache Desteği (V8 Compile Caching)

Node.js kullanıyorsanız bu özellik sizi çok sevindirecek. TypeScript 5.7, V8 motorunun derleme önbellekleme özelliğini destekliyor. Sonuç? Daha hızlı başlangıç süreleri (faster startup times)!

TypeScript 5.7 Kurulumu (How to Install TypeScript 5.7)

TypeScript 5.7'yi projenize eklemek çok basit. Alesta Web olarak adım adım gösterelim:

# Global kurulum (tüm sistem için)
npm install -g typescript@5.7

# Proje bazlı kurulum (önerilen)
npm install --save-dev typescript@5.7

# Versiyon kontrolü
tsc --version
# Çıktı: Version 5.7.x

# package.json'daki TypeScript'i güncelle
npm update typescript

# Veya belirli versiyona güncelle
npm install typescript@5.7.2 --save-dev

? Kaynaklar ve Referanslar / Sources and References

Bu makalede kullanılan bilgiler aşağıdaki güvenilir kaynaklardan derlenmiştir:

• Microsoft TypeScript Blog - Announcing TypeScript 5.7
• TypeScript Official Documentation
• JavaScript Conference - TypeScript 5.7 Features

Alesta Web olarak tüm bilgileri doğruladık ve test ettik.