Decorators

Декоратори — розширюють функціонал об'єкта без зміни їхнього коду. Декоратори являють собою функції, які можуть застосовуватися до класів, методів, властивостей. При використанні позначаються символом @.

main.ts
function superhero(isSuperhero: boolean) {
  return function (target: any) {
    target.isSuperhero = isSuperhero;
  }
}

@superhero(true)
class MySuperhero {
  static isSuperhero: boolean;
};

console.log(MySuperhero.isSuperhero); // true

Компільований код.

main.js
"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

function superhero(isSuperhero) {
    return function (target) {
        target.isSuperhero = isSuperhero;
    };
}

let MySuperhero = class MySuperhero {};

MySuperhero = __decorate([
    superhero(true)
], MySuperhero);

console.log(MySuperhero.isSuperhero); // true

Last updated

Was this helpful?