JS函數(shù)參數(shù)的傳遞與同名參數(shù)實例分析
本文實例講述了JS函數(shù)參數(shù)的傳遞與同名參數(shù)。分享給大家供大家參考,具體如下:
函數(shù)參數(shù)的傳遞
函數(shù)參數(shù)如果是原始類型值,傳遞方式是值傳遞。這意味著,在函數(shù)體內(nèi)修改參數(shù)值,不會影響函數(shù)外部。
var p = 2 function f(p) { p = 3 } f(p) p // 2
上面代碼中,變量p是一個原始類型的值,傳入函數(shù)f的方式是值傳遞,因此在函數(shù)內(nèi)部,p的值是原始值的拷貝,無論怎么修改,都不會影響到原始值。
但是,如果函數(shù)參數(shù)是復合類型,傳入函數(shù)的方式是引用的傳遞,也就是說,傳入函數(shù)的是一個地址,因此在函數(shù)內(nèi)部修改參數(shù),將會影響到原始值。
var obj = { p: 1 }; function f(o) { o.p = 2; } f(obj); obj.p // 2
上面代碼中,傳入函數(shù)f的參數(shù)對象obj的地址。因此,在函數(shù)內(nèi)部修改obj的屬性p,會影響到原始值 。
注意,如果函數(shù)內(nèi)部修改的,不是參數(shù)對象的某個屬性,而是替換掉整個參數(shù),這時不會影響到原始值 。
var obj = [1, 2, 3]; function f(o) { o = [2, 3, 4]; } f(obj); obj // [1, 2, 3]
上面代碼中,在函數(shù)f內(nèi)部,參數(shù)對象obj被整個替換成另一個值。這時不會影響到原始值。這是因為,形式參數(shù)(o)的值實際是參數(shù)obj的地址,重新對o賦值 ,導致o指向另一個地址,保存在原地址上的值當然不受影響。
函數(shù)中的同名參數(shù)
如果函數(shù)中出現(xiàn)了同名參數(shù),則取最后出現(xiàn)的那個值
function f(a, a) { console.log(a); } f(1, 2) // 2
上面代碼中,函數(shù)f有兩個參數(shù),且參數(shù)名都為a,取值 的時候,以后面的a為準,即使后面的a沒有值,或者被省略,也是以其為準。
function f(a, a) { console.log(a); } f(1) // undefined
調(diào)用函數(shù)f的時候,沒有提供第二個參數(shù),a的取值就變成了undefined。這時,如果要獲得第一個a的值,可以使用arguments對象。
function f(a, a) { console.log(arguments[0]); } f(1) // 1
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- javascript防抖函數(shù)debounce詳解
- 詳解JavaScript節(jié)流函數(shù)中的Throttle
- JavaScript 節(jié)流函數(shù) Throttle 詳解
- js函數(shù)柯里化的方法和作用實例分析
- JS async 函數(shù)的含義和用法實例總結(jié)
- JS co 函數(shù)庫的含義和用法實例總結(jié)
- JS Thunk 函數(shù)的含義和用法實例總結(jié)
- JS Generator 函數(shù)的含義與用法實例總結(jié)
- JS函數(shù)本身的作用域?qū)嵗治?/a>
- js防抖函數(shù)和節(jié)流函數(shù)使用場景和實現(xiàn)區(qū)別示例分析
相關(guān)文章
javascript中JSON對象與JSON字符串相互轉(zhuǎn)換實例
這篇文章主要介紹了javascript中JSON對象與JSON字符串相互轉(zhuǎn)換,實例分析了json對象與字符串常用的幾種轉(zhuǎn)換技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07詳解JavaScript 中 if / if...else...替換方式
這篇文章主要介紹了JavaScript 中 if / if...else...替換方式 ,非常不錯,這篇文章是小編給大家做的一個方法匯總,感興趣的朋友一起看看吧2018-07-07