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
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章:
