聲明多個變量在JavaScript

Question

我想在一個函數聲明多個變量：

function foo() { 
    var src_arr  = new Array(); 
    var caption_arr = new Array(); 
    var fav_arr  = new Array(); 
    var hidden_arr = new Array(); 
} 

這是這樣做的正確方法？

var src_arr = caption_arr = fav_arr = hidden_arr = new Array(); 

Answer 1

是的，這是，如果你希望它們都指向同一個對象在內存，但最有可能，你想他們是單獨的陣列，因此如果一個發生變異，其他人不影響。

如果你不希望它們都指向同一個對象，做

var one = [], two = []; 

的[]是一個速記字面創建數組。

這裏的一個控制檯日誌指示差：

>> one = two = []; 
[] 
>> one.push(1) 
1 
>> one 
[1] 
>> two 
[1] 
>> one = [], two = []; 
[] 
>> one.push(1) 
1 
>> one 
[1] 
>> two 
[] 

在第一部分中，我定義one和two以指向存儲器中的相同的對象/陣列。如果我使用.push方法，它會將1推入陣列，因此one和two都有1。在第二個因爲我爲每個變量定義了獨特的數組，所以當我推到一個時，兩個不受影響。

Answer 2

不，您的第二條語句將創建四個對同一個數組的引用。你想：

var src_arr  = [], 
    caption_arr = [], 
    fav_arr  = [], 
    hidden_arr = []; 

Answer 3

所有這些變量都會引用一個Array對象。

Answer 4

請離開從該分配模式，即使您想讓所有變量指向同一個對象。

事實上，只有第一個將是一個變量聲明，其餘都只是分配到可能未申報的標識符！

強烈建議將值指定給未聲明的標識符（又名未聲明的賦值），因爲如果在範圍鏈中找不到標識符，則會創建GLOBAL變量。例如：

function test() { 
    // We intend these to be local variables of 'test'. 
    var foo = bar = baz = xxx = 5; 
    typeof foo; // "number", while inside 'test'. 
} 
test(); 

// Testing in the global scope. test's variables no longer exist. 
typeof foo; // "undefined", As desired, but, 
typeof bar; // "number", BAD!, leaked to the global scope. 
typeof baz; // "number" 
typeof xxx; // "number" 

此外，ECMAScript第5嚴格模式不允許這種分配。 在嚴格模式下，對未聲明的標識符進行分配將導致TypeError異常，以防止隱含的全局變量。

相比之下，這裏就是我們看到的，如果正確寫入：

function test() { 
    // We correctly declare these to be local variables inside 'test'. 
    var foo, bar, baz, xxx; 
    foo = bar = baz = xxx = 5; 
} 
test(); 

// Testing in the global scope. test's variables no longer exist. 
typeof foo; // "undefined" 
typeof bar; // "undefined" 
typeof baz; // "undefined" 
typeof xxx; // "undefined"