淺析js的函數的按值傳遞參數

js的函數傳參的方式是按值傳遞，正常情況下，改變函數參數的值，並不會對函數外部的變數造成影響。例如：

'use strict';
var list = [1, 2, 3];
list.forEach(function(item) {
    item ++;
});
console.log(list);    //    [ 1, 2, 3 ]

這是因為js的函數在接收參數時，會生成一個副本變數，該副本變數等於參數的值，可以分析js這樣運行的：

'use strict';
var list = [1, 2, 3];
list.forEach(function(item, i) {
    // 第一個item是副本，第二個item是數組元素list[i]
    var item = item;
    // 副本item++
    item ++;
    // 列印的是副本的值
    console.log(item); //    2, 3, 4
});
// 原數組不會改變
console.log(list);    //    [ 1, 2, 3 ]

但是當函數的參數傳遞的是一個對象呢？

'use strict';
var list = [{a: 1, b: 2}];
list.forEach(function(item) {
    item.a ++;
});
console.log(list);    //    [ { a: 2, b: 2 } ]

發現函數內部居然改變了函數外部變數的值，那這又是為什麼呢？

我們來分析js是如何運行這段代碼的

'use strict';
var list = [{a: 1, b: 2}];
list.forEach(function(item, i) {
    // 第一個item是副本，第二個item是數組元素list[i]
    var item = item;
    // 此時item和list[i]指向的是同一地址，故兩者完全一樣
    console.log(item === list[i]);    //    true
    // 此時item.a++ 亦即 list[i].a++
    item.a ++;
    // list[i]的值已經改變
    console.log(list[i]);    //    { a: 2, b: 2 }
});
console.log(list);    //    [ { a: 2, b: 2 } ]

 那麼為什麼會產生這種情況呢？

由於js中對象屬於引用類型，var item = item 這一步相當於把 list[i] 的地址賦值給了item，他們兩個指向的都是原對象的地址，所以通過其中的一個去修改值時其實是修改他們指向的那個對象。例子中通過 item.a++ 方法改變了原對象的值，因此最後應該輸出 [ { a: 2, b: 2 } ]。