ECMAScript 6 里面的私有变量

川长思鸟来 2023-07-20 05:34 57阅读 0赞

ECMAScript 6 里面的私有变量

ES6类的私有变量

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

  1. class Foo {
  2.   constructor(x) {
  3.     this.x = x;
  4.   }
  5.   getX() {
  6.     return this.x;
  7.   }
  8. }

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

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

  1. class Foo {
  2.   constructor(x) {
  3.     this._x = x;
  4.   }
  5.   getX() {
  6.     return this._x;
  7.   }
  8. }

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

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

  1. class Foo {
  2.   constructor(x) {
  3.     Object.defineProperty(this, 'x', {
  4.       value: x,
  5.       enumerable: false,
  6.     });
  7.   }
  8.   getX() {
  9.     return this.x;
  10.   }
  11. }

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

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

  1. class Foo {
  2.   constructor(x) {
  3.     this.getX = () => x;
  4.   }
  5. }

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

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

  1. const __ = new Map();
  3. class Foo {
  4.   constructor(x) {
  5.     __.set(this, { x });
  6.   }
  7.   getX() {
  8.     var { x } = __.get(this);
  9.     return x;
  10.   }
  11. }

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

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

  1. const __ = new WeakMap();
  3. class Foo {
  4.   constructor(x) {
  5.     __.set(this, { x });
  6.   }
  7.   getX() {
  8.     var { x } = __.get(this);
  9.     return x;
  10.   }
  11. }

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

发表评论

表情：
评论列表 （有 0 条评论，57人围观）

还没有评论，来说两句吧...

相关阅读