在这个ES6示例中，“静态”是什么意思？

Question

这个例子来自Stimulusjs的文档。我能够找到关于ES6静态方法的文档，但这看起来不像是一个方法。或者这是某种速记？为什么变量有一个'static‘关键字？

export default class extends Controller {
  static targets = [ "name" ]

  greet() {
    const element = this.nameTarget
    const name = element.value
    console.log(`Hello, ${name}!`)
  }
}

Answer 1

使用babel's transform-class-properties plugin时允许使用该语法。在纯javascript中的等价物是：

class MyClass extends Controller {
  greet() {
    const element = this.nameTarget
    const name = element.value
    console.log(`Hello, ${name}!`)
  }
}

MyClass.targets = ["name"];

export default MyClass

EDIT: pre ES6，请执行以下操作：

var MyClass = function () {
  Controller.call(this);
};
MyClass.prototype = Object.create(Controller.prototype);
MyClass.prototype.greet = function () {
    var element = this.nameTarget
    var name = element.value
    console.log('Hello, ' + name + '!');
}
MyClass.targets = ["name"];