JS函数参数的传递与同名参数实例分析
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了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
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南