23

See how x and y are declared in constructor:

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

is there an way to declare properties outside of functions for instance:

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

So I want to assign a to 22 but I am unsure if i can do it outside the constructor but still inside the class..

4

2 回答 2

42

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

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

此外，提案建议的语法略有不同（=而不是:）：

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

如果你使用 Babel，你可以使用 stage 3 设置来启用这个功能。

这是一个 Babel REPL 示例

除了在构造函数中之外，在 ES6 中执行此操作的另一种方法是在类定义之后执行此操作：

class Point {
  // ...
}

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

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

这是一个很好的 SO Thread深入探讨这个主题

注意：

正如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

但是获取b将需要在原型链上向上，而a直接在对象上可用。

在此处输入图像描述

于 2016-07-08T14:38:14.893 回答
1

@nem035 是正确的，它处于提案阶段。

但是，@ nem035 的建议是将其作为类实例成员实现的一种方法。

// 这里声明静态类属性

似乎您正在寻找声明一个静态成员。如果是，JavaScript 方式是

class Point {
  // ...
}
Point.a = '22';

您实际期望的方式可以在 TypeScript 中完成

class Point {
     static a = 22;
}

编译后的输出将与上面的示例相同

Point.a = '22';
于 2016-07-08T15:14:07.423 回答