TypeScript 5.7 Yenilikleri: ES2024, Uninitialized Variables, TypeScript 7 Geleceği (2026)

Ana Yenilikler / Key Features

• Uninitialized Variable Detection: Başlatılmamış değişkenleri daha güvenilir şekilde tespit eder
• ES2024 Target: ECMAScript 2024 özelliklerini hedefleyebilirsiniz
• --rewriteRelativeImportExtensions: TypeScript uzantılarını JavaScript'e dönüştürür
• V8 Compile Caching: Node.js'te daha hızlı çalışma
• Improved Computed Properties: Daha tutarlı davranış

Önceki Sorun (Previous Issue)

// TypeScript 5.6 ve öncesi - BU HATA KAÇIRILIYORDU!
let value: number;

function processValue() {
  console.log(value);  // undefined! Ama hata vermiyordu
}

processValue();  // Runtime'da patlıyor
value = 42;      // Çok geç!

TypeScript 5.7'de (Fixed in 5.7)

// TypeScript 5.7 - ARTIK HATA VERİYOR!
let value: number;

function processValue() {
  console.log(value);
  // ERROR: Variable 'value' is used before being assigned
}

processValue();
value = 42;

Gerçek Dünya Örneği / Real World Example

// Event handler'larda sık yapılan hata
let connection: DatabaseConnection;

app.on('ready', () => {
  connection = createConnection();
});

app.on('request', (req) => {
  // TypeScript 5.7: ERROR! connection might be uninitialized
  // 'ready' event'i henüz tetiklenmemiş olabilir
  connection.query(req.sql);
});

// ÇÖZÜM: Null check ekleyin
app.on('request', (req) => {
  if (!connection) {
    throw new Error('Database not ready');
  }
  connection.query(req.sql);
});

tsconfig.json Ayarı

{
  "compilerOptions": {
    "target": "ES2024",
    "lib": ["ES2024"],
    "module": "NodeNext"
  }
}

ES2024 Yeni Özellikler / New Features

// 1. Object.groupBy
const products = [
  { name: 'Laptop', category: 'electronics' },
  { name: 'Shirt', category: 'clothing' },
  { name: 'Phone', category: 'electronics' }
];

const grouped = Object.groupBy(products, p => p.category);
// { electronics: [...], clothing: [...] }

// 2. Map.groupBy
const mapGrouped = Map.groupBy(products, p => p.category);

// 3. Promise.withResolvers
const { promise, resolve, reject } = Promise.withResolvers();
// Artık ayrı değişkenlere ihtiyaç yok!

// 4. SharedArrayBuffer ve ArrayBuffer güncellemeleri
const buffer = new ArrayBuffer(16, { maxByteLength: 32 });
buffer.resize(24);  // Yeni resize metodu

Sorun / Problem

// src/utils.ts
export function helper() { ... }

// src/app.ts
import { helper } from './utils.ts';  // .ts uzantısı

// TypeScript compile edince:
import { helper } from './utils.ts';  // Hala .ts! JavaScript'te çalışmaz!

Çözüm: --rewriteRelativeImportExtensions

// tsconfig.json
{
  "compilerOptions": {
    "rewriteRelativeImportExtensions": true
  }
}

// Artık compile sonrası:
import { helper } from './utils.js';  // Otomatik .js'e dönüştü!

Performans Karşılaştırması

# İlk çalıştırma (cold)
$ time npx tsc --version
real    0m0.450s

# İkinci çalıştırma (cached)
$ time npx tsc --version
real    0m0.180s

# %60 daha hızlı!

Önceki Davranış (Inconsistent)

const key = "myMethod";

class MyClass {
  [key]() {  // Bazen tip kontrolü başarısız oluyordu
    return 42;
  }
}

// TypeScript bazen bu metodu "any" olarak görüyordu

TypeScript 5.7 (Consistent)

const key = "myMethod" as const;  // const assertion önerilir

class MyClass {
  [key]() {  // Artık doğru tip çıkarımı
    return 42;
  }
}

const obj = new MyClass();
obj.myMethod();  // Tip: () => number - doğru!

TypeScript 7 (Project Corsa) Detayları

Mevcut Durum:
- TypeScript 5.x/6.x: JavaScript/Node.js tabanlı compiler
- TypeScript 7.x: Go tabanlı native compiler (2026 hedefi)

Beklenen İyileştirmeler:
- 10-100x daha hızlı compile süreleri
- Daha düşük memory kullanımı
- Native IDE entegrasyonu
- Paralel type checking

Microsoft'un Planı:
- Her iki versiyon paralel geliştirilecek
- TypeScript 6: Mevcut JavaScript compiler'ın devamı
- TypeScript 7: Native Go compiler
- Uyumluluk: Aynı .ts dosyaları her ikisinde de çalışacak

Kurulum / Installation

# npm ile
npm install typescript@5.7 --save-dev

# yarn ile
yarn add typescript@5.7 --dev

# pnpm ile
pnpm add typescript@5.7 -D

# Global kurulum
npm install -g typescript@5.7

# Versiyon kontrolü
tsc --version
# Version 5.7.x

Breaking Changes Kontrolü

# Mevcut projeyi kontrol et
npx tsc --noEmit

# Olası hatalar:
# 1. Uninitialized variable errors (yeni tespit edilen)
# 2. Stricter computed property checks

# Çözüm: Hataları düzeltin veya geçici olarak:
{
  "compilerOptions": {
    "strict": false  // Geçici! Önerilmez
  }
}