在类方法之外声明类属性

Question

class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}

class Point {
  // Declare static class property here
  // a: 22
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}

Answer 1

在ES6中直接在类上初始化属性是不可能的，当前只能以这种方式声明方法。ES7中也有同样的规则。

然而，它是一个提议的特性，可能会在ES7之后出现（目前处于阶段3）。这是官方的建议。

此外，该提案建议的语法略有不同(=而不是:):

class Point {
  // Declare class property
  a = 22
  // Declare class static property
  static b = 33
}

class Point {
  // ...
}

// Declare class property
Point.prototype.a = 22;

// Declare class static property
Point.b = 33;

正如Bergi在评论中提到的，建议的语法：

class Point {
  // Declare class property
  a = 22
}

只是语法上的糖，为这段代码提供了一个快捷方式：

class Point {
  constructor() {
    this.a = 22;
  }
}

其中这两个语句都将属性分配给实例。

class Point {
  constructor() {
    this.a = 22;  // this becomes a property directly on the instance
  }
}

Point.prototype.b = 33; // this becomes a property on the prototype

var point = new Point();
p.a // 22
p.b // 33