ECMAScript 6 里面的私有变量

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

# 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;
      }
    }

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

[WeakMap]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap