（Typescript）使所有对象指向相同的值

Question

我有一个带有很多CSS属性的类，就像这样：

export class CustomDropdown {

  class_name: String
  name: String
  font_family: String = "Varela Round"
  border_color: String =  "#C0C0C0"
  speech_color: String = "#FFFFFF"
  font_color: String = "#1E1E1E"
  font_size_value: String
  radius_value: String
  ...
}

有了它，我实例化了许多对象，每个对象都以某种方式影响视口。

事实是，当我更改一个对象的'font_family'属性时，我希望所有其他对象都被更新，而不考虑其位置已更改。

因此，如果我设置为ObjectA.font_family = 'arial'，则其他所有对象都将以font_family = 'arial'更新。我想用尽可能少的功能做到这一点。所有这些都应该'pointing'设置为相同的值。

TS支持这样的东西吗？如果没有，最简单的方法是什么？

Answer 1

您可以使用a static property-这些是类本身上的属性，而不是每个实例。

static

因为它是class属性，所以您必须通过引用该类来访问它：

export class CustomDropdown {

  class_name: String
  name: String
  static font_family: String = "Varela Round"
  border_color: String =  "#C0C0C0"
  speech_color: String = "#FFFFFF"
  font_color: String = "#1E1E1E"
  font_size_value: String
  radius_value: String
  ...
}

//read
let currentFontFamily = CustomDropdown.font_family;

//write
CustomDropdown.font_family = newFontFamily;

-打开开发人员控制台，然后单击“运行”以查看输出。