如何在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，您可以使用變量來定義動態屬性。

如果您未將此符號公開給其他人，只有您可以稱其爲符號。