المُزخرِفات (Decorators)

{
  "compilerOptions": {
    "experimentalDecorators": true
  }
}

function Logger(target: Function) {
  console.log(`تم تعريف الصنف: ${target.name}`);
}

@Logger
class UserService {
  // ...
}
// يُطبع: تم تعريف الصنف: UserService

function Component(config: { selector: string }) {
  return function (target: Function) {
    console.log(`المكوّن: ${config.selector}`);
  };
}

@Component({ selector: "app-home" })
class HomeComponent {}

@Component({
  selector: "app-root",
  template: "<h1>مرحبًا</h1>",
})
export class AppComponent {}

function Log(target: any, key: string, descriptor: PropertyDescriptor) {
  const original = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`استدعاء ${key} بـ`, args);
    return original.apply(this, args);
  };
}

class Calculator {
  @Log
  add(a: number, b: number) {
    return a + b;
  }
}