js函數的按值傳遞參數

本文主要為大家分享一篇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 } ]。

相關推薦：

html怎麼實作頁面跳轉時傳遞參數

php參考定義與引用傳遞參數實例用法詳解

php函數基本語法與傳遞參數的用法實例詳解

以上是js函數的按值傳遞參數的詳細內容。更多資訊請關注PHP中文網其他相關文章！