JS中函數(shù)參數(shù)傳遞與同名參數(shù)的示例分析

這篇文章主要為大家展示了“JS中函數(shù)參數(shù)傳遞與同名參數(shù)的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“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

以上是“JS中函數(shù)參數(shù)傳遞與同名參數(shù)的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！