Modüllere ve Ad Alanlarına Giriş

TypeScript'teki modüller ve ad alanları, özellikle büyük projelerde kodunuzu düzenlemenize ve yapılandırmanıza yardımcı olur.

Her ikisi de benzer amaçlara hizmet etse de farklı şekillerde kullanılır; bu ders, aralarındaki ayrımları ve kullanımlarını anlamanıza yardımcı olacaktır.

Modüller Nedir?

Modüller, bir uygulamanın diğer bölümlerinde yeniden kullanılmak üzere değişkenler, işlevler veya sınıflar gibi işlevleri dışa aktaran dosyalar ya da kod parçalarıdır.

TypeScript, içe ve dışa aktarma işlevselliği için artık JavaScript'te standart hâle gelen ES modüllerini kullanır.

Modüllerde Dışa ve İçe Aktarma

export kullanarak bir modülden kodu dışa aktarabilir ve import kullanarak içe aktarabilirsiniz:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

Kodu başka bir dosyaya içe aktarın:

// app.ts
import { add } from './math';
console.log(add(2, 3));

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import { add } from './math';
console.log(add(2, 3));

Varsayılan Dışa Aktarmalar

TypeScript, bir modülden tek bir değeri dışa aktarmanıza olanak tanıyan varsayılan dışa aktarmaları da destekler:

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

İçe aktarma işlemini süslü parantezler olmadan gerçekleştirin:

// app.ts
import add from './math';
console.log(add(2, 3));

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import add from './math';
console.log(add(2, 3));

Ad Alanları Nedir?

TypeScript'teki ad alanları, ilişkili kodları tek bir ad altında gruplandırmanın; kodu düzenlemenin ve ad çakışmalarını önlemenin bir yoludur.

Ad alanları, namespace anahtar sözcüğü kullanılarak tanımlanır.

Ad Alanları Oluşturma ve Kullanma

Aşağıda bir ad alanı örneği verilmiştir:

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

Şu şekilde kullanabilirsiniz:

console.log(MathUtils.add(2, 3));

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

console.log(MathUtils.add(2, 3));

Modüller ve Ad Alanları Karşılaştırması

Modüller ve ad alanları arasındaki temel farklar şunlardır:

• Modüller dosya tabanlıdır ve ES modül sözdizimini destekler.
• Ad alanları, kodu tek bir dosyada düzenlemek için idealdir; ancak güncel uygulamalar için artık kullanılmadıkları kabul edilir.

En İyi Uygulamalar

TypeScript ile çalışırken:

• Modern JavaScript standartlarıyla uyumlu oldukları için yeni projelerde modülleri kullanın.
• Ad alanlarını yalnızca eski veya küçük ölçekli projeler için değerlendirin.
• Kodunuzu her zaman düzenli ve tutarlı tutun.

Tebrikler!

TypeScript projelerinizi yapılandırmak ve düzenlemek için modülleri ve ad alanlarını nasıl kullanacağınızı öğrendiniz. Bu önemli kavramlarda uzmanlaşmak için pratik yapmaya devam edin!