TypeScript. Декораторы

Главная » Видеоуроки » JavaScript » TypeScript. Декораторы
В этом уроке мы обсудим декораторы в TypeScript и разберем несколько примеров их использования
Декоратор — экспериментальная, но очень мощная и важная часть в TypeScript. Декораторы — очень важный инструмент в таком фреймворке как Angular. В TypeScript декоратор — это функция, которая добавляет мета информацию или изменяет работу сущности, к которой этот декоратор применяется (класс, метод класса, свойство класса и пр.)

Код урока

function myDecorator(target: Function): any {
    const newConstructor: Function = function (name: string) {
        this.name = 'Hello, ' + name;
        setInterval(() => console.log(1), 1000);
    };
    return newConstructor;
}

function sumDecorator(target: Object, method: string) {
    console.log(target);
    console.log(method);
}

@myDecorator
class Programmer {
    lang = 'typescript';
    name: string;

    constructor(name) {
        this.name = name;
    }

    // @ts-ignore
    // @sumDecorator
    add(a: number, b: number) {
        return a + b;
    }
}

let kamil = new Programmer('Kamil');
console.log(kamil);

const res = kamil.add(1, 2);
console.log(res);

0 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Pin It on Pinterest

Share This