ECMAScript 6 里面的私有变量

ECMAScript 6 里面的私有变量

 

ES6类的私有变量

“让我们创建一个ES6类！”  你说。 “让我们给它一个私有变量  x。”

class Foo {
  constructor(x) {
    this.x = x;
  }
  getX() {
    return this.x;
  }
}

“请。”  我回应，翻白眼。 “这个  x 变量并不是真正的私有。全世界都可以在那里读书和写作！”

 你反驳说：  “我们只是在它前面加上一个下划线。” “人们永远不会使用它，因为它很丑，而且下划线会吓跑他们！”

class Foo {
  constructor(x) {
    this._x = x;
  }
  getX() {
    return this._x;
  }
}

“这很丑，”  我承认，皱着眉头，低下头，一边冒着优越感，一边在玻璃杯中打旋咖啡，  “但它仍然不是私人的，他们会用。 ”

 你反驳说：“那么，我们就可以将它放到雷达下。” “我们将使其无法枚举。没有人会怀疑它在那里！”

class Foo {
  constructor(x) {
    Object.defineProperty(this, 'x', {
      value: x,
      enumerable: false,
    });
  }
  getX() {
    return this.x;
  }
}

[放下玻璃杯]  “就是这样，直到他们阅读源代码为止，”  我面无表情地回答。

“那么，我们将其保持为真正的私密性。”  您紧张地苦笑着，看着屋子里的其他人寻求支持，所有人都拒绝与他们目光交流。 “我们将所有内容隐藏在构造函数的闭包中。问题解决了！”

class Foo {
  constructor(x) {
    this.getX = () => x;
  }
}

“但是现在，”  我争辩着抬起额头，  “该类的每个实例都有该功能的副本。它不仅效率低下，而且超出了预期。人们期望它存在于原型中，而当它不存在时，他们会感到困惑并责备您！”

“好吧，”  你抓着稻草说，  “我们会把它存储在全班同学的地图外，以实例为键，也许没人能到达它？”

const __ = new Map();

class Foo {
  constructor(x) {
    __.set(this, { x });
  }
  getX() {
    var { x } = __.get(this);
    return x;
  }
}

“但是现在您有一个内存泄漏，”  我胜利地反驳，闻到了胜利。 “该映射对您放入其中的每个类实例保持STRONG引用，从而通过在应用程序使用完后创建指向GC根的引用反向路径将其保留在内存中！”

“嗯……”  你想知道，抚摸着下巴，睁大眼睛。 “然后，我们将其设置为  WeakMap。”

const __ = new WeakMap();

class Foo {
  constructor(x) {
    __.set(this, { x });
  }
  getX() {
    var { x } = __.get(this);
    return x;
  }
}

我：  没有反驳。满头大汗。