Introduzione ai decoratori

In TypeScript, i decoratori sono funzioni speciali che consentono di aggiungere metadati o modificare il comportamento di classi, metodi e proprietà.

Vengono spesso utilizzati in framework come Angular per semplificare lo sviluppo.

Come funzionano i decoratori

Un decoratore è una funzione applicata a una classe o ai relativi membri (metodi, proprietà e così via).

Ad esempio, @Component in Angular è un decoratore che aggiunge metadati a una classe per definirla come componente.

Utilizzo dei decoratori integrati

TypeScript include decoratori integrati come:

• @readonly: rende una proprietà di sola lettura.
• @enumerable: controlla se una proprietà è enumerabile.

Questi decoratori aiutano a modificare direttamente il comportamento delle proprietà o dei metodi.

Creazione di un decoratore semplice

È possibile creare un decoratore personalizzato per registrare messaggi o aggiungere funzionalità:

Applicarlo a una proprietà: @Log.

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

Decoratori di classe

I decoratori di classe vengono utilizzati per modificare o potenziare il comportamento di un'intera classe:

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

Applicarlo a una classe: @SimpleDecorator.

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

Decoratori di metodo

I decoratori di metodo modificano il comportamento di un metodo di classe:

Utilizzarlo su un metodo: @LogMethod.

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

Utilizzo dei decoratori in Angular

Angular si basa ampiamente sui decoratori per aggiungere metadati ai propri componenti:

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

Il decoratore @Component definisce la classe come componente Angular.

Buone pratiche per l'utilizzo dei decoratori

Quando si utilizzano i decoratori:

• Mantenerli semplici e focalizzati.
• Utilizzarli per i metadati e non per la logica complessa.
• Utilizzare i decoratori integrati quando possibile, per risparmiare tempo.

Congratulazioni!

Ha imparato come funzionano i decoratori in TypeScript e come utilizzarli per modificare o potenziare il codice. Continui a sperimentare con i decoratori per imparare a utilizzarli al meglio nei Suoi progetti.