js函數的按值傳遞參數
- 小云云原創
- 2018-01-18 14:43:051812瀏覽
本文主要為大家分享一篇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 } ]。
相關推薦：
以上是js函數的按值傳遞參數的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn