TypeScript Modülleri Nasıl Oluşturulur ve Kullanılır

TypeScript modülleri, kodu organize etmek ve yönetmek için yapılandırılmış bir yaklaşım sunar. Modüller, kodun ayrı dosyalara kapsüllenmesini sağlar, bu da sürdürülebilirliği, yeniden kullanılabilirliği ve test edilebilirliği artırır. Bu kılavuz, TypeScript modülleri oluşturma ve kullanma sürecini açıklar.

TypeScript Modülleri Nelerdir?

TypeScript modülleri, sınıflar, işlevler ve değişkenler gibi kod öğelerini dışa ve içe aktaran bireysel dosyalardır. Modüller kullanılarak kod yönetilebilir parçalara bölünebilir ve kodun farklı bölümleri arasındaki etkileşimler üzerinde daha iyi kontrol sağlanabilir.

TypeScript Modülü Oluşturma

TypeScript modülü oluşturmak için aşağıdaki adımlar izlenmelidir:

1. Bir TypeScript dosyası oluşturun: Modül için `mathUtils.ts` gibi yeni bir `.ts` dosyası oluşturarak başlayın.
2. Kodu tanımlayın ve dışa aktarın: Bu dosya içerisinde fonksiyonları, sınıfları veya değişkenleri uygulayın ve bunları diğer modüller için kullanılabilir hale getirmek için export anahtar sözcüğünü kullanın.

Basit bir modül örneği:

// mathUtils.ts

export function add(a: number, b: number): number {
  return a + b;
}

export function subtract(a: number, b: number): number {
  return a - b;
}

Bu örnekte `add` ve `subtract` fonksiyonları tanımlanmış ve `mathUtils.ts` modülünden dışarı aktarılmıştır.

TypeScript Modülünü İçe Aktarma ve Kullanma

Bir TypeScript modülündeki kodu başka bir dosyada kullanmak için, içe aktarılması gerekir. Bu şunları içerir:

1. Yeni bir TypeScript dosyası oluşturun: Modülün kodunun kullanılacağı `app.ts` gibi bir dosya oluşturun.
2. modülünü içe aktarın. Modülden fonksiyonları, sınıfları veya değişkenleri getirmek için import anahtar sözcüğünü kullanın.

`add` ve `subtract` fonksiyonlarının içe aktarılması ve kullanımına dair örnek:

// app.ts

import { add, subtract } from './mathUtils';

const sum = add(5, 3);
const difference = subtract(5, 3);

console.log(`Sum: ${sum}`);
console.log(`Difference: ${difference}`);

Bu örnekte, `add` ve `subtract` fonksiyonları `mathUtils` modülünden içe aktarılmış ve `app.ts` dosyasında kullanılmıştır.

Varsayılan ve Adlandırılmış İhracatlar

TypeScript modülleri hem varsayılan hem de adlandırılmış dışa aktarmaları destekler. İşte kısa bir genel bakış:

• Varsayılan Dışa Aktarımlar: Tek bir değer, export default kullanılarak bir modülden varsayılan dışa aktarma olarak dışa aktarılabilir.
• Adlandırılmış İhracatlar:export anahtar sözcüğü ile adlandırılmış ihracatlar kullanılarak bir modülden birden fazla değer ihraç edilebilir.

Her iki ihracat türünü gösteren örnek:

// shapes.ts

export default class Circle {
  constructor(public radius: number) {}
  
  area(): number {
    return Math.PI * this.radius ** 2;
  }
}

export function getCircleInfo(radius: number): string {
  const circle = new Circle(radius);
  return `A circle with radius ${radius} has an area of ${circle.area()}`;
}

Bu örnekte, `Circle` varsayılan dışa aktarma olarak dışa aktarılırken, `getCircleInfo` adlandırılmış bir dışa aktarmadır.

Bir Projedeki Modülleri Düzenleme

Çok sayıda modüle sahip daha büyük projeler için organizasyon hayati önem taşır. Aşağıdaki ipuçlarını göz önünde bulundurun:

• Dizin Yapısı: İlgili modülleri `models/`, `services/` ve `utils/` gibi dizinlere gruplandır.
• Dizin Dosyaları: Modülleri toplamak ve yeniden dışa aktarmak için dizinlerdeki `index.ts` dosyalarını kullanın; böylece proje genelinde içe aktarma işlemi basitleştirilmiş olur.

Örnek dizin yapısı:

project/
│
├── src/
│   ├── models/
│   │   ├── index.ts
│   │   └── user.ts
│   └── app.ts

Çözüm

TypeScript modülleri, kodu düzenlemek ve yönetmek için önemli bir özelliktir. Modüller oluşturarak ve kullanarak kod modüler, sürdürülebilir ve ölçeklenebilir tutulabilir. Kodun nasıl dışa ve içe aktarılacağını ve bir projenin nasıl yapılandırılacağını anlamak, TypeScript geliştirmenin etkinliğini artırır.