JavaScript, приватные переменные

Question

Как можно создать в классе (ecma6 class) приватную переменную?

Answer 1

Для приватных свойств надо использовать замыкания и символы.

 const Animal = (function () {
     const privatePropSymbol = Symbol("privateProp");

     class Animal {
         // гетеры и сеттеры для свойства
         get PrivateProp() { return this[privatePropSymbol]; }
         set PrivateProp(value) { this[privatePropSymbol] = value } 
     }

     Animal.prototype[privatePropSymbol] = "default value";
     return Animal;
 })();

Фокус в том, что два символа с одинаковым названием остаются двумя разными символами - поэтому не имея переменной privatePropSymbol внешний код не сможет получить к нему доступ.

Answer 2

В es6 такой возможности нет. Многие думают, что классы es6 это какая-то новая конструкция или реализация , нет. Это обычный , новый синтаксис для старого доброго прототипного наследования.

class Animal {
    constructor() {
        this.name = "dog"
    }
    say()  { alert("gaf") }
}

То же самое, что и

 function Animal() {
     this.name = "dog"
 }
 Animal.prototype.say = function () { alert("gaf") }

Поэтому приватных методов в классе не реализовано, вам придется решать эту проблему самому. Как? Например, через замыкание

 const Animal = function () {
     let privateProp = "i am private";

     class Animal {
         constructor() {
             this.name = "dog";
         }
         // гетеры и сеттеры для свойства
         get PrivateProp() { return privateProp }
         set PrivateProp(value) { privateProp = value } 
     }

     return new Animal();
 };

 let dog = new Animal();
 dog.privateProp; // приватное свойство
 dog.privateProp = "new private prop"; // меняем приватное свойство

Тут методы get/set просто для примера, в реальности скорее всего их не будет, если уже переменная приватная. Тут get/set единственные способы достучатся до privateProp, больше никак, уберете get/set privateProp станет настоящим приватным способом.

UPD
Чуть ошибся, переменная создавалась бы одна для всех экземпляров, как написали в комментарии, поправил ответ. Теперь всегда будет создаваться свой экземпляр приватной переменной

Answer 3

Теперь это делается намного проще с помощью синтаксиса #:

class WithPrivateFields {
  #privateField = 'Private Field';
  static #staticPrivateField = 'Static Private Field';
get privateField() {
    return this.#privateField;
  }
static get staticPrivateField() {
    return this.#staticPrivateField;
  }
}
const obj = new WithPrivateFields();
console.log(obj.privateField);
console.log(obj['privateField']);
console.log(obj['#privateField']);
console.log(WithPrivateFields.staticPrivateField);
console.log(WithPrivateFields['staticPrivateField']);
console.log(WithPrivateFields['#staticPrivateField']);

Answer 4

А ВОТ ТАК (при чем так можно делать уже 200 лет отроду):

ES6:

var say = Symbol()

class Cat {

   constructor(){
      this[say]() // call private
   }

   [say](){
      alert('im private')
   }

}

ES5:

var say = Math.random() // pollyfill Symbol()

function Cat(){
  this[say]() // call private methods
}

Cat.prototype[say] = function(){ alert('im a private') }

Пример использования ES6:

var handlers = Symbol()

class EventEmitter {

  constructor(){
    this[handlers] = [] 
  }

  on(handler){
    this[handlers].push(handler) 
  }

  emit(){
    for(let handler of this[handlers]) handler()
  }

}


class Cat extends EventEmitter {

}


var q = new Cat()
q.on // function
q.emit // function
q.handlers // undefined cuz PRIVATE ;)

И не обязательно больше учить названия свойств из реализации класса, таких как внутреннее свойство handlers, боясь их случайно перекрыть в классах наследниках. Использую приватные уже 6 лет. И ни каких проблем с утечками. Не понимаю людей которые говорят что в яваскрипте приватных нет.

Наслаждайтесь, и поменьше слушайте всяких неумех ;)