如何在 javascript 类中定义公共属性？

Question

使用 ES5 构造函数和原型方法，我可以添加公共（原型）属性，如下所示：

function Utils(){}
Utils.prototype.data = {};

var utils = new Utils();
console.log(utils.data);  //{}

ES6 class允许我在类中只定义公共方法。 我用类方法构建了一个应用程序，我不想混合构造函数和类功能。 我想出的工作代码是：

class Utils(){
  get _data(){
    const proto = Object.getPrototypeOf(this);
    if(!proto._status) proto._data = {};
    return proto._data;
  }
}

const utils = new Utils();
console.log(utils._data); //{}

当我调用_data getter 方法时，它会检查原型对象中是否存在_data属性。 如果是，它返回它，否则它启动_data属性。

这是一个好习惯吗？ 有没有其他方法可以做得更好？

Answer 1

要使data成为公共实例属性：

class Utils {
  constructor () {
    this.data = {}
  }
}

要使data成为公共静态属性，get/set 可能是最好的方法：

let data = {}
class Utils {
  get _data () {
    return data
  }
  set _data (d) {
    data = d
  }
}

Answer 2

我不知道你提供的代码是否是你的完整代码，但是当我运行它时，它会抛出一个错误：

 class Utils { get _data(){ const proto = Object.getPrototypeOf(this); if(!proto._status) proto._data = {}; return proto._data; } } /* TEST */ const a = new Utils(); a._data.ok = 'ok'; const b = new Utils(); console.log(b._data.ok);

如果我理解正确，您希望Utils所有实例共享相同的data属性。

我可以想到几种方法来做你需要的事情，但它可能“混合构造函数和类功能”（我真的不明白你的意思）。

1：好的 ol' ES5 方式

 class Utils {} Utils.prototype.data = {}; /* TEST */ const a = new Utils(); a.data.ok = 'ok'; const b = new Utils(); console.log(b.data.ok);

2：和你的方式一样，但在它的构造函数中

 class Utils { constructor(){ if (!this.data) { Utils.prototype.data = {}; } } } /* TEST */ const a = new Utils(); a.data.ok = 'ok'; const b = new Utils(); console.log(b.data.ok);

但是，由于data属性需要跨实例共享，我建议您使用Object.defineProperty方法将该属性添加到其原型中，使其不可写和不可配置：

Object.defineProperty(Utils.prototype, 'data', {
    value: {},
    writable: false,
    enumerable: true,
    configurable: false
});

这是为了确保数据属性不能被重新分配或删除，从而最大限度地减少错误重置数据等的机会。

我推荐第一种方式（使用Object.defineProperty ），因为它是：

1. 更万无一失
2. 更清晰
3. 更易于维护