如何在 ES6 类中创建私有变量和方法？ [复制]

Question

如何使用 ES6 类创建私有变量和方法，它们应该由同一类的公共方法访问。

class MyClass {
    constructor() {
        this.publicVar = "I am public";
        //some private Variable e.g privteVar1 = "I am Private1"; privateVar2 = "I am Private2";
        this.publicMethod = () => {
         //it should have accesses to private variables and methods
           console.log(privateVar1, privateVar2)
        }; 
        //similarly need to create some privateMethod           
    }

    render() {
         //it also should have access to the private variables
    }

}

Answer 1

试试这个：

console.log(this[privateVar1], this[privateVar2])

这样调用您的属性[myPrivate]。这是使您的属性成为某种私有属性的方法。但是这种语法并不能提供真正的隐私。

Answer 2

只需将其设为本地变量，使用var/let/const，即可通过您在构造函数中定义的所有特权方法的闭包来使用它。顺便说一句，这与 ES5 并没有改变。

class MyClass {
    constructor() {
        this.publicVar = "I am public";
        const privteVar1 = "I am Private1",
        const privateVar2 = "I am Private2";
        this.publicMethod = () => {
            // it has access to private variables
            console.log(privateVar1, privateVar2)
        };          
    }
}

请注意，这些变量是构造函数的本地变量，因此您无法从原型方法访问它们，因为您需要公共属性或复杂的解决方法。

Answer 3

在 JS 中获得真正隐私的唯一方法是通过作用域，因此无法拥有一个只能在组件内部访问的 this 成员属性。在 ES6 中存储真正私有数据的最佳方式是使用 Wea​​kMap。

const privateProp1 = new WeakMap();
const privateProp2 = new WeakMap();

class MyClass {
  constructor() {
    privateProp1.set(this, "I am Private1");
    privateProp2.set(this, "I am Private2");

    this.publicVar = "I am public";
    this.publicMethod = () => {
      console.log(privateProp1.get(this), privateProp2.get(this))
    };        
  }

  render() {
    //it also should have access to the private variables
    console.log(privateProp1.get(this));
  }

}

Answer 4

你可以使用Symbol这样实现它：

var privateSymbol = Symbol('private');

class SomeClass {
  constructor() {
    this.setPrivateValue('some init value');
  }

  setPrivateValue(value) {
    this[privateSymbol] = value;
  }

  getPrivateValue() {
    return this[privateValue];
  }
}

注意将前面的代码放在某个模块中，不要暴露privateSymbol。

Answer 5

正如@yibuyisheng 所注意到的，您可以使用符号来创建对属性的不可访问的引用。您也可以创建私有方法。

var privateMethod = Symbol('private');

class SomeClass {
  constructor() {
  }

  [privateMethod]() {
    // some private actions
  }

  render() {
    // call private method
    this[privateMethod]()
  }
}

符号创建一个唯一的引用，它可以用作属性名称。而这个属性或方法只能通过使用它来调用。这是可能的，因为 ES6 引入了computed properties syntax，您可以使用变量来定义动态属性。

如果你不把这个符号暴露给别人，只有你可以调用它。