ES6：将函数作为类方法应用

Question

我正在将一个项目从 CoffeeScript 迁移到 ES6（使用 6to5 和 Browserify），并且可能遇到了限制，或者我只是不知道正确的语法。在 CoffeeScript 中我可以这样做：

class SomeView extends BaseView
    triggerMethod: Marionette.triggerMethod

如何在 ES6 类中表达这一点？我尝试了几件事，但无论我尝试什么，它都会引发 Unexpected token 错误。例如：

let { triggerMethod } = Marionette;

class SomeView extends BaseView {
    triggerMethod, // doesn't work
    triggerMethod: Marionette.triggerMethod // doesn't work
}

现在我可以通过在构造函数（this.triggerMethod = Marionette.triggerMethod）中设置它来实现这一点，但我觉得它有点难看（我猜只是编码风格的偏好）。任何帮助将不胜感激。

Answer 1

在 ES6 类中不能声明属性，只能声明方法和静态方法（类声明语法见here，注意ClassElement）。所以以下任何一个例子都是错误的：

class A {
    method1: B.someMethod  // wrong!
    method2: function() {} // wrong!
    method3: () => {}      // wrong!
}

您有几种变体来处理您的问题：

1. 使用getter：

   class SomeView extends BaseView {
       get triggerMethod() { return Marionette.triggerMethod }
   }
   

2. 从triggerMethod 的SomeView 类中调用Marionette.triggerMethod：

   class SomeView extends BaseView {
       triggerMethod() { 
           Marionette.triggerMethod.apply(this, arguments);
       }
   }
   

3. 在类声明后将triggerMethod添加到SomeView的原型中：

   class SomeView extends BaseView {
       //.. some class declaration
   }
   SomeView.prototype.triggerMethod = Marionette.triggerMethod;
   

   或Object.assign:

   class SomeView extends BaseView {
       //.. some class declaration
   }
   
   Object.assign(SomeView.prototype, {
     triggerMethod: Marionette.triggerMethod
     // ... some another methods
   });
   

4. 您已经完成的操作 - 将 Marionette.triggerMethod 添加到 this。但是您必须注意，在这种情况下，triggerMethod 将保留在对象本身中，而不是在其原型中。示例：

   class SomeView extends BaseView {
       constructor() {
         this.triggerMethod =  Marionette.triggerMethod
         // ...
       }
   }
   

这就是你所能做的。我认为第一个和第二个变体是您的情况的最佳选择，但这是一个品味问题。

Answer 2

如果我做对了，你可以这样定义类方法：

class SomeView extends BaseView {
    triggerMethod(){
      Marionette.triggerMethod; 
   }
}

与coffeeScript 中的几乎相同，但需要一些大括号。 这个我没试过，但是看http://wiki.ecmascript.org/doku.php?id=harmony:classes