详解JavaScript函数参数的传递方式

web前端|js教程

JavaScript，函数参数，传递方式

web前端-js教程

本文主要介绍了JavaScript函数参数的传递方式，具有很好的参考价值。下面跟着小编一起来看下吧

unity3d 斗地主 源码,vscode 符号窗口,ubuntu安装msf6,tomcat启动插件,sqlite用不了,响应式轮播图jq插件,安卓的前端框架,爬虫飞卢vip,php统计代码,seo软文是什么,微信淘宝网站源码程序,网页模板免费下载大全,懒人之家个人网页模板,个人中心页面模板,orm企业管理系统源码下载,分期商城程序源码lzw

JavaScript使用一个变量对象来追踪变量的生存期。基本类型值被直接保存在变量对象内；而引用类型值则作为一个指针保存在变量对象内，该指针指向实际对象在内存中的存储位置。

dedecms素材源码整站带数据,ubuntu不安装桌面,网上商家怎么爬虫,php里面 echo,前端seo面试lzw

基本类型值的传递

asp自动发卡平台源码,ubuntu切换主屏幕,爬虫get是什么,ceiling php,品星seolzw

向参数传递基本类型值时，被传递的值会被复制给一个局部变量（即命名参数，或者是arguments对象中的一个元素）。

function addOne (num) { num++; return num;}var count = 1;var result = addOne(count);console.log(count); //1console.log(result); //2

在上面的例子中，变量count的值被传递给函数的参数num以便在函数中使用，此时变量count和参数num的值虽然是一样的，但是它们是两个相互独立的变量，在函数中改变参数num的值并不会影响函数外部的变量count的值。

因此JavaScript中函数的基本类型值参数的传递是按值传递的。

引用类型值的传递

function setName (obj) { obj.name = Nicholas;}var person = new Object();setName(person);console.log(person.name); //Nicholas

在上面的例子中，变量person的值被传递给函数的参数obj，此时在函数内部为参数obj添加一个name属性，函数对参数obj的使得函数外部的变量person也获得了一个name属性。从结果上看，JavaScript中函数的引用类型值参数的传递似乎是按引用传递的。

然而并非如此。变量person的值是引用类型值，因此它的值在变量对象中可以看做是一个实际对象在内存中的地址（或指针）。传递参数以后参数obj的值是也是该对象在内存中的地址，因此在函数中操作参数obj的值所引用的对象相当于操作变量person的值所引用的对象。

function setName (obj) { obj.name = Nicholas; obj = new Object(); obj.name = Greg; return obj;}var person = new Object();var result = setName(person);console.log(person.name); //Nicholasconsole.log(result.name); //Greg

如果参数传递是按引用传递的，在上面的例子中，函数改变了参数obj的值所引用的对象，那么相对应的变量person的值所引用的对象也会改变。改变函数的写法或许能更加有助于理解参数的按值传递。

function setName () { var obj = arguments[0]; obj.name = Nicholas; obj = new Object(); obj.name = Greg; return obj;}

虽然变量person和参数obj的值一样都是同一个对象在内存中的地址，但它们是两个相互独立的变量。如果在函数中改变参数obj的值，使其指向内存中另外一个对象，变量person的值不会改变，还是指向原来的对象。

因此JavaScript中函数的引用类型值参数的传递是按值传递的。

结论

如果觉得《详解JavaScript函数参数的传递方式》对你有帮助，请点赞、收藏，并留下你的观点哦！