Путаница с декоратором машинописного текста

Я играл с декораторами TypeScript, но мне просто не удалось заставить их работать. Я прочитал Как реализовать декоратор машинописного текста?, а также http://blog.wolksoftware.com/decorators-reflection-javascript-typescript, на основе которого я создал реализация декоратора

function log(target: any, key: string, descriptor?: any) {

  // save a reference to the original method
  // this way we keep the values currently in the 
  // descriptor and don't overwrite what another 
  // decorator might have done to the descriptor.
  if(descriptor === undefined) {
      descriptor = Object.getOwnPropertyDescriptor(target, key);
  }
  var originalMethod = descriptor.value; 

  //editing the descriptor/value parameter
  descriptor.value =  function (...args: any[]) {
      var a = args.map(a => JSON.stringify(a)).join();
      // note usage of originalMethod here
      var result = 12;//originalMethod.apply(this, args);
      var r = JSON.stringify(result);
      console.log(`Call: ${key}(${a}) => ${r}`);
      return result;
  }

  // return edited descriptor as opposed to overwriting 
  // the descriptor by returning a new descriptor
  return descriptor;
}

class C {
    constructor(){
        console.log("built");
    }
    @log
    public foo(n: number) {
        console.log("foo called");
        return n * 2;
    }
}
//new MethodDecoratorExample().method("hi");
var c = new C();
var r = c.foo(23); //  "Call: foo(23) => 12"
console.log(r);

Однако выполнение этого кода не дает того, чего я ожидаю, на самом деле, похоже, он не отменяет дескриптор. Копаясь дальше, я обнаружил, что в сгенерированном коде вызов __decorate имеет только три параметра

__decorate([
    log
], C.prototype, "foo");

Это означает, что в __decorate c = 3 как дескриптор не передается. В результате новый дескриптор не возвращается, и поток кода продолжается, как если бы метод не был перехвачен.

Так что я, должно быть, неправильно применяю этот декоратор, но не понимаю, почему я это делаю неправильно. Возможно, это интерпретируется как дескриптор свойства? Я где-то видел некоторые комментарии по этому поводу, но это было в отношении определения метода foo в C как лямбда, чего я не делаю.

Как я могу заставить это работать?


person stimms    schedule 30.01.2016    source источник
comment
Площадка для игр TypeScript генерирует __decorate([log], C.prototype, "foo", null); для вашего кода. Какие параметры компилятора вы используете?   -  person Vadim Macagon    schedule 31.01.2016
comment
Я компилирую tsc --experimentalDecorators decorator.ts без файла .tsconfig. Я использую бета-версию 1.8, но я пробовал и 1.7.5   -  person stimms    schedule 31.01.2016


Ответы (1)


Проблема здесь в том, что TypeScript будет генерировать код ES3 по умолчанию, а методы сгенерированы для ES3 очевидно, работают несколько иначе, чем те, которые созданы для ES5. Итак, если вам действительно не нужно нацеливаться на ES3, простой способ решить вашу проблему - нацелить ES5 на tsc --experimentalDecorators --target es5 или на ES6 с tsc --experimentalDecorators --target es6.

person Vadim Macagon    schedule 31.01.2016