Vad är dekoratörer och hur används de?

Question

IT Interview Practice · Accepted Answer

En **dekoratör** är en speciell deklaration (`@name`) som lägger till beteende eller metadata till en klass, metod, property eller parameter. Det är en funktion som runtime anropar med det dekorerade målet, så att du kan omsluta eller annotera det deklarativt.

```ts
// A simple method decorator that logs calls
function log(target: any, key: string, desc: PropertyDescriptor) {
  const original = desc.value;
  desc.value = function (...args: any[]) {     // wrap the original method
    console.log(`calling ${key} with`, args);
    return original.apply(this, args);
  };
}

class Service {
  @log
  fetch(id: number) { return { id }; }
}
new Service().fetch(1); // logs "calling fetch with [1]" then runs
```

Dekoratören mottog metodbeskrivningen och ersatte den med en wrapper — tvärsnittande beteende (loggning, caching, timing) utan att röra metodkroppen.

## Där du ser dem mest: ramverk

```ts
@Controller("users")          // NestJS — declares a route controller
export class UsersController {
  @Get(":id")                 // maps GET /users/:id
  findOne(@Param("id") id: string) { return id; } // param decorator injects the route param
}

@Entity()                     // TypeORM — maps a class to a DB table
class User { @Column() name: string; }
```

NestJS, Angular, TypeORM och class-validator är byggda kring dekoratörer för DI, routing, ORM-mappning och validering.

## Två varianter (viktigt)

```json
{ "experimentalDecorators": true, "emitDecoratorMetadata": true }
```

De **äldre (experimentella)** dekoratörerna ovan är vad Nest/Angular/TypeORM förlitar sig på idag. Det finns också de nyare **TC39 Stage-3-dekoratörerna** (TS 5+) med en annan signatur, som är framtidsstandarden — men de flesta befintliga ramverk använder fortfarande den äldre formen.

## Varför det spelar roll

Dekoratörer möjliggör ren, deklarativ metaprogrammering — ryggraden i serverramverk och ORM:er.

Att kunna båda mekanismen (en funktion som omsluter ett mål) och uppdelningen mellan äldre och standard är väsentligt för att arbeta i NestJS/Angular-ekosystemet.

Där du ser dem mest: ramverk

Två varianter (viktigt)

Varför det spelar roll

Relaterade frågor