如何在 ES6 中使用私有变量？ [复制]

Question

在 ES5 中，您可以模拟具有私有和公共变量的类，如下所示：

car.js

function Car() {
    // using var causes speed to be only available inside Car (private)
    var speed = 10;

    // public variable - still accessible outside Car
    this.model = "Batmobile";

    // public method
    this.init = function(){

    }
}

但是在 ES6 中，您不能再在构造函数之外声明 var，这实际上使得以 OOP 方式处理类变得更加困难！？

您可以使用 this 在构造函数中声明变量，但默认情况下会公开它们。这很奇怪，因为 ES6 DOES 有一个 get / set 关键字！

class Vehicle {
    constructor(make, year) {
        // the underscore is nice, but these are still public!
        this._make = make;
        this._year = year;
    }

    // get and set can be handy, but would make more sense
    // if _make and _year were not accessible any other way!
    get make() {
        return this._make;
    }

    get year() {
        return this._year;
    }
}

Answer 1

ES6 标准没有提供定义私有变量的新方法。

事实上，新的 ES6 class 只是围绕常规基于原型的构造函数的语法糖。

get 和 set 关键字提供了一种简化 ES5 自定义 getter 和 setter 定义的方法，这些自定义 getter 和 setter 以前使用 Object.defineProperty() 描述符定义

你能做的最好的就是将这些技术与Symbols 或WeakMaps 一起使用

下面的例子展示了使用 Wea​​kMap 来存储私有属性。

// myModule.js
const first_name = new WeakMap();

class myClass {
     constructor (firstName) {
          first_name.set(this, firstName);
     }

     get name() {
          return first_name.get(this);
     }
}

export default myClass;

我指的是由 David Vujic What? Wait. Really? Oh no! (a post about ES6 classes and privacy) 撰写的文章，其想法是使用 Wea​​kMaps。

Answer 2

2016 年 1 月更新 - 虽然我发现接受的答案中给出的方法是正确的，但我想说在 ES2015+ 中使用模块和符号是一种有效的信息隐藏技术（但 Class使用符号的属性将被隐藏，而不是严格私有的）。

通过结合使用 ES2015 模块（只会导出您声明为导出的内容）和 ES2015 symbols，可以实现有效的轻量级信息隐藏。 Symbol 是一种新的内置类型。每个新的符号值都是唯一的。因此可以用作对象的键。

如果客户端调用代码不知道用于访问该密钥的符号，他们就无法获取它，因为该符号没有被导出。

使用您的代码的快速示例：

vehicle.js

const s_make = Symbol();
const s_year = Symbol();

export class Vehicle {

  constructor(make, year) {
    this[s_make] = make;
    this[s_year] = year;
  }

  get make() {
    return this[s_make];
  }

  get year() {
    return this[s_year];
  }
}

并使用模块vehicle.js

client.js

import {Vehicle} from './vehicle';
const vehicle1 = new Vehicle('Ford', 2015);
console.log(vehicle1.make); //Ford
console.log(vehicle1.year); // 2015

然而，符号虽然是独一无二的，但实际上并不是私有的，因为它们是通过 Object.getOwnPropertySymbols 等反射功能暴露出来的...

const vals = Object.getOwnPropertySymbols(vehicle1);
vehicle1[vals[0]] = 'Volkswagon';
vehicle1[vals[1]] = 2013;
console.log(vehicle1.make); // Volkswagon
console.log(vehicle1.year); // 2013

外卖消息 - 模块通常是隐藏某些内容的好方法，因为如果不导出，则无法在模块外部使用，并且与私有存储的符号一起用作键，然后类属性也可以隐藏（但是不一定是私人的）。类声明特别适合作为构造良好的模块（amd、commonjs 或 es6/2015）的一部分。

Answer 3

但是在 ES6 中，你不能再在构造函数之外声明 vars

而且你不需要。您也没有在 ES5 构造函数中执行此操作。您可以将您的代码逐字翻译为

class Car {
    constructor() {
        // local variable
        var speed = 10;

        // public property
        this.model = "Batmobile";

        // public method
        this.init = () => {
            …
        }; // using an arrow function here simplifies things
    }
}

Answer 4

与 ES5 中的方法相同：在构造函数而不是原型中定义必须访问私有变量的方法，从而使它们成为特权方法。

否则就没有好的方法允许原型方法访问私有数据，但仍将其隐藏在外部。您可以尝试符号、弱图或握手，但 IMO 没有一个是完美的。请参阅accessing private member variables from prototype-defined functions 了解一些想法。