Dekoratörlere Giriş

TypeScript'teki dekoratörler, sınıflara, yöntemlere ve özelliklere üst veri eklemenize veya bunların davranışını değiştirmenize olanak tanıyan özel işlevlerdir.

Geliştirmeyi kolaylaştırmak için Angular gibi çatılarda sıkça kullanılırlar.

Dekoratörler Nasıl Çalışır

Dekoratör, bir sınıfa veya sınıfın üyelerine (yöntemler, özellikler vb.) uygulanan bir işlevdir.

Örneğin Angular'daki @Component, bir sınıfı bileşen olarak tanımlamak üzere sınıfa üst veri ekleyen bir dekoratördür.

Yerleşik Dekoratörleri Kullanma

TypeScript'te aşağıdakiler gibi yerleşik dekoratörler bulunur:

• @readonly: Bir özelliği salt okunur hâle getirir.
• @enumerable: Bir özelliğin numaralandırılabilir olup olmadığını denetler.

Bu dekoratörler, özelliklerin veya yöntemlerin davranışını doğrudan değiştirmeye yardımcı olur.

Basit Bir Dekoratör Oluşturma

İletileri günlüğe kaydetmek veya işlevsellik eklemek için kendi dekoratörünüzü oluşturabilirsiniz:

Bir özelliğe uygulayın: @Log.

function Log(target: any, propertyName: string) {
  console.log(`Property ${propertyName} was accessed`);
}

Sınıf Dekoratörleri

Sınıf dekoratörleri, bir sınıfın tamamının davranışını değiştirmek veya geliştirmek için kullanılır:

function SimpleDecorator(constructor: Function) {
  console.log(`${constructor.name} is decorated`);
}

Bir sınıfa uygulayın: @SimpleDecorator.

function SimpleDecorator(constructor: Function) {
  console.log(`${constructor.name} is decorated`);
}

Yöntem Dekoratörleri

Yöntem dekoratörleri, bir sınıf yönteminin davranışını değiştirir:

Bir yöntemde kullanın: @LogMethod.

function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  console.log(`Method ${propertyKey} was called`);
}

Angular'da Dekoratörleri Kullanma

Angular, bileşenlerine üst veri eklemek için büyük ölçüde dekoratörlere dayanır:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent {}

@Component dekoratörü, sınıfı bir Angular bileşeni olarak tanımlar.

Dekoratörleri Kullanmak İçin En İyi Uygulamalar

Dekoratörleri kullanırken:

• Onları basit ve amacına odaklı tutun.
• Bunları karmaşık mantık için değil, üst veri için kullanın.
• Zaman kazanmak için mümkün olduğunda yerleşik dekoratörlerden yararlanın.

Tebrikler!

TypeScript'te dekoratörlerin nasıl çalıştığını ve kodunuzu değiştirmek veya geliştirmek için nasıl kullanılabileceklerini öğrendiniz. Projelerinizdeki kullanımlarına hâkim olmak için dekoratörlerle denemeler yapmaya devam edin!