Hva er dekoratorer og hvordan brukes de?

Question

IT Interview Practice · Accepted Answer

En **dekorator** er en spesiell deklarasjon (`@name`) som legger til oppførsel eller metadata til en klasse, metode, egenskap eller parameter. Det er en funksjon som runtime kaller med det dekorerte målet, slik at du kan wrap eller annotere 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 mottok metode-deskriptoren og erstattet den med en wrapper — cross-cutting oppførsel (logging, caching, timing) uten å berøre metodekroppen.

## Hvor du ser dem oftest: rammeverk

```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 og class-validator er bygget rundt dekoratorer for DI, routing, ORM-mapping og validering.

## To varianter (viktig)

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

De **legacy (eksperimentelle)** dekoratørene ovenfor er det som Nest/Angular/TypeORM er avhengig av i dag. Det finnes også de nyere **TC39 Stage-3 dekoratørene** (TS 5+) med en annen signatur, som er fremtidens standard — men de fleste eksisterende rammeverk bruker fortsatt den legacy-formen.

## Hvorfor det betyr noe

Dekoratører muliggjør ren, deklarativ meta-programmering — ryggraden i serverrammeverk og ORM-er.

Å kjenne både mekanismen (en funksjon som wrapper et mål) og legacy-vs-standard-skillet er essensielt for å arbeide i NestJS/Angular-økosystemet.

Hvor du ser dem oftest: rammeverk

To varianter (viktig)

Hvorfor det betyr noe

Relaterte spørsmål