• 类装饰器

    类装饰器

    1. function log(prefix?: string) {
    2.   return (target) => {
    3.     // save a reference to the original constructor
    4.     var original = target;
    6.     // a utility function to generate instances of a class
    7.     function construct(constructor, args) {
    8.       var c: any = function () {
    9.         return constructor.apply(this, args);
    10.       }
    11.       c.prototype = constructor.prototype;
    12.       return new c();
    13.     }
    15.     // the new constructor behavior
    16.     var f: any = function (...args) {
    17.       console.log(prefix + original.name);
    18.       return construct(original, args);
    19.     }
    21.     // copy prototype so instanceof operator still works
    22.     f.prototype = original.prototype;
    24.     // return new constructor (will override original)
    25.     return f;
    26.   };
    27. }
    29. @log('hello')
    30. class World {
    31. }
    33. const w = new World(); // outputs "helloWorld"

    在示例中log使用@调用，并传递一个字符串作为参数，@log()返回一个匿名函数，是实际的装饰器。

    装饰器函数接受一个类或构造函数（ES5）作为参数。 装饰器函数然后返回一个新的类构造函数，每当World被实例化时使用。

    这个装饰器除了将其给定的参数和其目标的类名注销到控制台之外什么都不做。