JS中函數參數傳遞與同名參數的示例分析

這篇文章主要為大家展示了“JS中函數參數傳遞與同名參數的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JS中函數參數傳遞與同名參數的示例分析”這篇文章吧。

具體如下：

函數參數的傳遞

函數參數如果是原始類型值，傳遞方式是值傳遞。這意味著，在函數體內修改參數值，不會影響函數外部。

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

上面代碼中，變量p是一個原始類型的值，傳入函數f的方式是值傳遞，因此在函數內部，p的值是原始值的拷貝，無論怎么修改，都不會影響到原始值。

但是，如果函數參數是復合類型，傳入函數的方式是引用的傳遞，也就是說，傳入函數的是一個地址，因此在函數內部修改參數，將會影響到原始值。

var obj = { p: 1 };

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

obj.p // 2

上面代碼中，傳入函數f的參數對象obj的地址。因此，在函數內部修改obj的屬性p，會影響到原始值 。

注意，如果函數內部修改的，不是參數對象的某個屬性，而是替換掉整個參數，這時不會影響到原始值 。

var obj = [1, 2, 3];

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

obj // [1, 2, 3]

上面代碼中，在函數f內部，參數對象obj被整個替換成另一個值。這時不會影響到原始值。這是因為，形式參數(o)的值實際是參數obj的地址，重新對o賦值 ，導致o指向另一個地址，保存在原地址上的值當然不受影響。

函數中的同名參數

如果函數中出現了同名參數，則取最后出現的那個值

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

f(1, 2) // 2

上面代碼中，函數f有兩個參數，且參數名都為a，取值 的時候，以后面的a為準，即使后面的a沒有值，或者被省略，也是以其為準。

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

f(1) // undefined

調用函數f的時候，沒有提供第二個參數，a的取值就變成了undefined。這時，如果要獲得第一個a的值，可以使用arguments對象。

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

f(1) // 1

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