Javascript Объекты и область видимости

Question

Может кто-нибудь объяснить это мне?

Это работает:

function Pin() { }; 
function Pi() { }; 
function User() { }; 

var PiArray = []; 
var PinArray; 

for (var i = 0; i < 2; i++) { 
    PiArray[i] = new Pi(); 
    PiArray[i].Name = ''; 
    PiArray[i].PinArray = []; 
    for (var j = 0; j < 25; j++) { 
     PiArray[i].PinArray[j] = new Pin(); 
     PiArray[i].PinArray[j].Number = j + 2; 
     PiArray[i].PinArray[j].PulseWidth = 0; 
     PiArray[i].PinArray[j].PulseFrenquency = 0; 
     PiArray[i].PinArray[j].Dirtybit = false; 
    }; 
} 

/* Output is 

[{"Name":"","PinArray":[{"Number":2,"PulseWidth":0,"PulseFrenquency":0,"Dirtybit":false},{"Number":3,"PulseWidth":0,"PulseFrenquency":0,"Dirtybit":false},{"Number":4,"PulseWidth":0,"PulseFrenquency":0,"Dirtybit":false}, 

etc. 

*/ 

Но я не могу понять, как сделать это в объект, область переменных не ведут себя, как я ожидал.

это то, что пример того, что я пробовал:

function Pin() { }; 

function Pi() { }; 

var User = (function() { 

    PiArray = []; 

    function User() { 
     var PinArray; 
     for (var i = 0; i < 2; i++) { 
      PiArray[i]= new Pi(); 
      PiArray[i].Name = ''; 
      PiArray[i].PinArray = []; 
      for (var j = 0; j < 25; j++) { 
       PiArray[i].PinArray[j] = new Pin(); 
       PiArray[i].PinArray[j].Number = j + 2; 
       PiArray[i].PinArray[j].PulseWidth = 0; 
       PiArray[i].PinArray[j].PulseFrenquency = 0; 
       PiArray[i].PinArray[j].Dirtybit = false; 
      }; 
     } 
    } 

    console.log(JSON.stringify(PiArray)); 
    return User; 
})(); 

new User(); 

и выход:

[ ] 

Я не понимаю, почему?

Answer 1

Ваш console.log(JSON.stringify(PiArray)); показывает пустой массив во втором случае, потому что в момент его запуска вы еще не вызвали функцию User(). IIFE только определяет функцию User(), а затем возвращает ее. На самом деле это не называется.

Ваш более поздний код new User() действительно вызывает это, но это после того, как ваш console.log() уже выполнен.

Переместите console.log() в конец вашего определения функции User() (но внутри функции), и вы увидите ожидаемое значение.

function Pin() { }; 

function Pi() { }; 

var User = (function() { 

    PiArray = []; 

    function User() { 
     var PinArray; 
     for (var i = 0; i < 2; i++) { 
      PiArray[i]= new Pi(); 
      PiArray[i].Name = ''; 
      PiArray[i].PinArray = []; 
      for (var j = 0; j < 25; j++) { 
       PiArray[i].PinArray[j] = new Pin(); 
       PiArray[i].PinArray[j].Number = j + 2; 
       PiArray[i].PinArray[j].PulseWidth = 0; 
       PiArray[i].PinArray[j].PulseFrenquency = 0; 
       PiArray[i].PinArray[j].Dirtybit = false; 
      }; 
     } 
     console.log(JSON.stringify(PiArray)); 
    } 

    return User; 
})(); 

new User(); 

---

FYI, то неясно, что вы пытаетесь достичь с этой структурой, поскольку PiArray только достижимые из вашего конструктора. Как только конструктор был вызван, ни один другой код не может связаться с ним или использовать его. Плюс все вызовы конструктора будут изменять то же самое PiArray. PiArray в этом контексте работает как класс static (поскольку этот термин используется на других языках). Это общая переменная, разделяемая всеми экземплярами класса, но не доступная вне кода для самого объекта.

Если у вас были другие методы на объекте User, они также могли бы получить доступ к PiArray, и это может иметь смысл иметь его.

---

Вы можете создать экземпляр, который имеет другой массив, хранящийся в нем, как это:

var MyObj = function(data) { 
    // assign a copy of the passed-in array as instance data 
    // You don't have to make a copy - you could just assign in incoming array 
    this.data = data.slice(0); 
} 

var x = new MyObj([1,2,3]); 
var y = new MyObj([9,8,7]); 
console.log(x.data); // [1,2,3] 
console.log(y.data); // [9,8,7]