本文實(shí)例講述了JS函數(shù)參數(shù)的傳遞與同名參數(shù)。分享給大家供大家參考，具體如下：

函數(shù)參數(shù)的傳遞

函數(shù)參數(shù)如果是原始類(lèi)型值，傳遞方式是值傳遞。這意味著，在函數(shù)體內(nèi)修改參數(shù)值，不會(huì)影響函數(shù)外部。

var p = 2 
function f(p) {
 p = 3
}
f(p)
p // 2

上面代碼中，變量p是一個(gè)原始類(lèi)型的值，傳入函數(shù)f的方式是值傳遞，因此在函數(shù)內(nèi)部，p的值是原始值的拷貝，無(wú)論怎么修改，都不會(huì)影響到原始值。

但是，如果函數(shù)參數(shù)是復(fù)合類(lèi)型，傳入函數(shù)的方式是引用的傳遞，也就是說(shuō)，傳入函數(shù)的是一個(gè)地址，因此在函數(shù)內(nèi)部修改參數(shù)，將會(huì)影響到原始值。

var obj = { p: 1 };

function f(o) {
 o.p = 2;
}
f(obj);

obj.p // 2

上面代碼中，傳入函數(shù)f的參數(shù)對(duì)象obj的地址。因此，在函數(shù)內(nèi)部修改obj的屬性p，會(huì)影響到原始值 。

注意，如果函數(shù)內(nèi)部修改的，不是參數(shù)對(duì)象的某個(gè)屬性，而是替換掉整個(gè)參數(shù)，這時(shí)不會(huì)影響到原始值 。

var obj = [1, 2, 3];

function f(o) {
 o = [2, 3, 4];
}
f(obj);

obj // [1, 2, 3]

上面代碼中，在函數(shù)f內(nèi)部，參數(shù)對(duì)象obj被整個(gè)替換成另一個(gè)值。這時(shí)不會(huì)影響到原始值。這是因?yàn)椋问絽?shù)(o)的值實(shí)際是參數(shù)obj的地址，重新對(duì)o賦值 ，導(dǎo)致o指向另一個(gè)地址，保存在原地址上的值當(dāng)然不受影響。

函數(shù)中的同名參數(shù)

如果函數(shù)中出現(xiàn)了同名參數(shù)，則取最后出現(xiàn)的那個(gè)值

function f(a, a) {
 console.log(a);
}

f(1, 2) // 2

上面代碼中，函數(shù)f有兩個(gè)參數(shù)，且參數(shù)名都為a，取值 的時(shí)候，以后面的a為準(zhǔn)，即使后面的a沒(méi)有值，或者被省略，也是以其為準(zhǔn)。

function f(a, a) {
 console.log(a);
}

f(1) // undefined

調(diào)用函數(shù)f的時(shí)候，沒(méi)有提供第二個(gè)參數(shù)，a的取值就變成了undefined。這時(shí)，如果要獲得第一個(gè)a的值，可以使用arguments對(duì)象。

function f(a, a) {
 console.log(arguments[0]);
}

f(1) // 1

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

最新評(píng)論