建站
咨詢
售后
建站咨詢
新聞中心
js的函數(shù)傳參的方式是按值傳遞，正常情況下，改變函數(shù)參數(shù)的值，并不會(huì)對(duì)函數(shù)外部的變量造成影響。例如：
創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)寧強(qiáng),10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575
'use strict';
var list = [1, 2, 3];
list.forEach(function(item) {
item ++;
});
console.log(list); // [ 1, 2, 3 ]這是因?yàn)閖s的函數(shù)在接收參數(shù)時(shí)，會(huì)生成一個(gè)副本變量，該副本變量等于參數(shù)的值，可以分析js這樣運(yùn)行的：
'use strict';
var list = [1, 2, 3];
list.forEach(function(item, i) {
// 第一個(gè)item是副本，第二個(gè)item是數(shù)組元素list[i]
var item = item;
// 副本item++
item ++;
// 打印的是副本的值
console.log(item); // 2, 3, 4
});
// 原數(shù)組不會(huì)改變
console.log(list); // [ 1, 2, 3 ]但是當(dāng)函數(shù)的參數(shù)傳遞的是一個(gè)對(duì)象呢？
'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ù)外部變量的值，那這又是為什么呢？
我們來(lái)分析js是如何運(yùn)行這段代碼的
'use strict';
var list = [{a: 1, b: 2}];
list.forEach(function(item, i) {
// 第一個(gè)item是副本，第二個(gè)item是數(shù)組元素list[i]
var item = item;
// 此時(shí)item和list[i]指向的是同一地址，故兩者完全一樣
console.log(item === list[i]); // true
// 此時(shí)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 } ]那么為什么會(huì)產(chǎn)生這種情況呢？
由于js中對(duì)象屬于引用類型，var item = item 這一步相當(dāng)于把 list[i] 的地址賦值給了item，他們兩個(gè)指向的都是原對(duì)象的地址，所以通過(guò)其中的一個(gè)去修改值時(shí)其實(shí)是修改他們指向的那個(gè)對(duì)象。例子中通過(guò) item.a++ 方法改變了原對(duì)象的值，因此最后應(yīng)該輸出 [ { a: 2, b: 2 } ]。
以上這篇js的函數(shù)的按值傳遞參數(shù)(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。
分享文章：js的函數(shù)的按值傳遞參數(shù)(實(shí)例講解)
網(wǎng)站路徑：http://www.ef60e0e.cn/article/gsscsg.html
