欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js的函數(shù)的按值傳遞參數(shù)(實例講解)

 更新時間:2017年11月16日 10:07:30   作者:參與商  
下面小編就為大家分享一篇js的函數(shù)的按值傳遞參數(shù)的實例,具有很好的參考價值,一起跟隨小編過來看看吧,希望對大家有所幫助

js的函數(shù)傳參的方式是按值傳遞,正常情況下,改變函數(shù)參數(shù)的值,并不會對函數(shù)外部的變量造成影響。例如:

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

這是因為js的函數(shù)在接收參數(shù)時,會生成一個副本變量,該副本變量等于參數(shù)的值,可以分析js這樣運行的:

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

但是當(dāng)函數(shù)的參數(shù)傳遞的是一個對象呢?

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

發(fā)現(xiàn)函數(shù)內(nèi)部居然改變了函數(shù)外部變量的值,那這又是為什么呢?

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

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

那么為什么會產(chǎn)生這種情況呢?

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

以上這篇js的函數(shù)的按值傳遞參數(shù)(實例講解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論