如何访问traceur atscript中的字段注释

时间:2015-02-01 16:26:35

标签: ecmascript-6 traceur

// Options: --annotations --array-comprehension --async-functions --debug --debug-names --exponentiation --free-variable-checker --generator-comprehension --low-resolution-source-map --input-source-map --member-variables --module-name --referrer --require --script --symbols --types --validate 

//annotation class
class Template{
    value:string;
    constructor(value:string){
        this.value = value;
    }
}

//annotation class
class Attribute{}

@Template('<div>xxx</div>')
class SomeEl{
    @Attribute counter:int=0;
    constructor(){}
}


(function main(){
    console.log(SomeEl.annotations);
    console.log(SomeEl.properties); //prints undefined
})();

如何在atscript中访问字段注释? 我只能访问课堂注释,但不能访问课程中的字段注释,非常感谢您的帮助

以上内容被转码为

$traceurRuntime.options.symbols = true;
var Template = function Template(value) {
  "use strict";
  this.value = value;
};
($traceurRuntime.createClass)(Template, {}, {});
Object.defineProperty(Template, "parameters", {get: function() {
    return [[$traceurRuntime.type.string]];
  }});
var Attribute = function Attribute() {
  "use strict";
};
($traceurRuntime.createClass)(Attribute, {}, {});
var SomeEl = function SomeEl() {
  "use strict";
  this.counter = 0;
};
($traceurRuntime.createClass)(SomeEl, {}, {});
Object.defineProperty(SomeEl, "annotations", {get: function() {
    return [new Template('<div>xxx</div>')];
  }});
(function main() {
  console.log(SomeEl.annotations);
  console.log(SomeEl.properties);
})();

并且我没有看到@Attribute注释已归档counter

1 个答案:

答案 0 :(得分:1)

这里有一些问题,构造函数上的注释与类上的注释相同。

@Template('<div>xxx</div>')
class SomeEl{
   @Attribute
   constructor(){}
}

上述内容转化为:

Object.defineProperty(SomeEl, "annotations", {get: function() {
  return [new Template('<div>xxx</div>'), new Attribute];
}});

请注意,构造函数上的注释与类上的注释相同。任何其他函数的注释都会将注释放在该函数上,但构造函数和类基本相同。

注释中new Attribute永远不会出现的原因可能是您的counter: int和分号(;)。您混淆了另一个AtScript概念,即参数注释。这些都是这样写的:

@Template('<div>xxx</div>')
class SomeEl{
    constructor(counter: int){}
}

这转化为以下内容,这是我认为你想要的:

  var SomeEl = function SomeEl(counter) {};
  ($traceurRuntime.createClass)(SomeEl, {}, {});
  Object.defineProperty(SomeEl, "annotations", {get: function() {
      return [new Template('<div>xxx</div>')];
    }});
  Object.defineProperty(SomeEl, "parameters", {get: function() {
      return [[int]];
    }});
  return {};