Decorators (TypeScript 5+) in TypeScript

From the TypeScript cheat sheet · Decorators · verified Jul 2026

Decorators (TypeScript 5+)

Annotate and modify classes and their members with decorator functions

typescript

function log(target: any, context: ClassMethodDecoratorContext) {
  return function (...args: any[]) {
    console.log(`Calling ${String(context.name)}`);
    return target.apply(this, args);
  };
}

class Api {
  @log
  getUsers() { return []; }
}

💡 TypeScript 5+ uses Stage 3 decorators — different API from the old experimentalDecorators

⚡ Decorator factories (functions returning decorators) let you pass config parameters

📌 Common in NestJS, Angular, and TypeORM — less common in React/frontend code

🟢 The context parameter tells you what is being decorated (method, field, class, accessor)

decoratorsclasstypescript-5

Back to the full TypeScript cheat sheet