如何在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中存储真正的私人数据的最佳方式是使用WeakMap。

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，您可以使用变量来定义动态属性。

如果您未将此符号公开给其他人，只有您可以称其为符号。