javascript - 如何使用 ES6 在 Ember 中声明可观察对象或计算属性？

Question

尝试将 ES6 用于我所有的 Ember 工作。我有以下 ES6 语法问题:

如何将标准 ES5 对象文字计算属性转换为 ES6 语法？

ES5:

 export default Ember.Controller.extend({
     foo: function() {
         return "bar";
     }.property()
    });

ES6:

export default Ember.Controller.extend({
  foo() {
    return "bar"
}.property()
});

到目前为止，我所拥有的似乎不起作用，因为没有正确引用 .property。这是如何实现的？

Answer 1

ES6 仅在类内部支持该语法。我不确定 Ember 是否以适用于标准 JavaScript 的方式公开其类系统。

我强烈建议不要使用原型(prototype)扩展。也就是说，您总是会这样做:

foo: Ember.computed('bar', function() {
  return this.get('bar');
})

我觉得它读起来好多了。