Как установить частные переменные JavaScript в конструкторе?

Question

Скажем, у меня есть функция / класс javascript с именем Foo, и у него есть свойство с именем bar.Я хочу, чтобы значение bar было предоставлено при создании экземпляра класса, например:

var myFoo = new Foo(5);

установит myFoo.bar в 5.

Если я сделаю bar общедоступнымпеременная, тогда это работает, например:

function Foo(bar)
{
    this.bar = bar;
}

Но если я хочу сделать его закрытым, например:

function Foo(bar)
{
   var bar;
}

Тогда как мне установить значение закрытой переменной bar такой, что он доступен для всех внутренних функций foo?

Answer 1

Один из лучших учебников по частному и защищенному доступу в javascript находится здесь: http://javascript.crockford.com/private.html.

function Foo(a) {
    var bar = a;                              // private instance data

    this.getBar = function() {return(bar);}   // methods with access to private variable
    this.setBar = function(a) {bar = a;}
}

var x = new Foo(3);
var y = x.getBar();   // 3
x.setBar(12);
var z = x.bar;        // not allowed (x has no public property named "bar")

Answer 2

Вы должны поместить все функции, которым требуется доступ к закрытой переменной внутри конструктора:

function Foo(bar)
{
  //bar is inside a closure now, only these functions can access it
  this.setBar = function() {bar = 5;}
  this.getBar = function() {return bar;}
  //Other functions
}

var myFoo = new Foo(5);
myFoo.bar;      //Undefined, cannot access variable closure
myFoo.getBar(); //Works, returns 5

Answer 3

function Foo(b)
{
   var bar = b;

   this.setBar = function(x){
        bar = x;
   }

   this.alertBar = function(){
        alert(bar);
   }
}

var test = new Foo(10);
alert(test.bar); // Alerts undefined
test.alertBar(); // Alerts 10

Answer 4

Один из способов, который я могу придумать, - это использовать замыкание, назначенное имени и возвращающее новый объект.Вы должны передать любые аргументы конструктору через вызов замыкания.В конечном итоге это выглядит примерно так:

var fooFactory = function (a, b) {
    var c = 5,
        d = 6,
        foo;

    foo = function (a, b) {
        this.a = a;
        this.b = b;
        this.bar();
    }

    foo.prototype.bar = function () {
        //do something with c and d
        this.c = c + d;
    }

    foo.prototype.getC = function () {
        return c;
    }

    foo.prototype.getD = function () {
        return d;
    }

    return new foo(a, b);
};

Таким образом, a и b всегда объявляются однозначно.Затем вы бы построили свой объект так:

var obj = fooFactory(1, 2);
//obj contains new object: { a: 1, b: 2, c: 11 }

console.log(obj.getC());
//returns 5

Answer 5

Если вы хотите использовать классы ES2015,

с ESNext, вы можете использовать Частные переменные Javascript , например:

class Foo {
  #bar = '';
  constructor(val){
      this.#bar = val;
  }
  otherFn(){
      console.log(this.#bar);
  }
}

Приватное поле #bar isнедоступен за пределами класса Foo.

Answer 6

У меня недавно была похожая проблема, но я хотел также использовать свойства аксессора.Ниже приведен пример Foo (Bar), основанный на том, что я придумал для решения.Этот пример тривиален, но может быть легко расширен при использовании более сложных функций get / set.

function Foo(Bar){
    Object.defineProperty(this,"bar",{get:function(){return Bar},set:function(val){Bar=val}});

}
x=new Foo(3);
y=x.bar; //3
x.bar++; //x.bar==4