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

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

基本类型值的传递

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

function addOne (num) {
 num++;
 return num;
}
var count = 1;
var result = addOne(count);
console.log(count); //1
console.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); //'Nicholas'
console.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中所有函数的参数都是按值传递的。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# javascript  # 参数传递  # javascript参数传递方式  # JavaScript函数的调用以及参数传递  # JS中把函数作为另一函数的参数传递方法(总结)  # javascript自定义函数参数传递为字符串格式  # js的函数的按值传递参数(实例讲解)  # javascript arguments 传递给函数的隐含参数  # JS函数动态传递参数的方法分析【基于arguments对象】  # 通过实例了解js函数中参数的传递  # 浅谈JavaScript 函数参数传递到底是值传递还是引用传递  # javascript函数中参数传递问题示例探讨  # js中对函数设置默认参数值的3种方法  # 深入理解JavaScript函数参数(推荐)  # JS函数参数的传递与同名参数实例分析  # 都是  # 在上面  # 象中  # 是一个  # 也会  # 或者是  # 并非如此  # 使其  # 作为一个  # 上看  # 另外一个  # 似乎是  # 相对应  # 获得了  # 改变了  # 是一样的  # class  # js  # function  # brush 

相关文章： 如何在Golang中处理模块冲突_解决依赖版本不兼容问题  小型网站建站如何选择虚拟主机？  常州自助建站工具推荐：低成本搭建与模板选择技巧  建站之星安全性能如何？防护体系能否抵御黑客入侵？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  c# await 一个已经完成的Task会发生什么  建站之星CMS建站配置指南：模板选择与SEO优化技巧  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  自助网站制作软件,个人如何自助建网站？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  如何快速重置建站主机并恢复默认配置？  建站之星上传入口如何快速找到？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何基于PHP生成高效IDC网络公司建站源码？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  视频网站制作教程,怎么样制作优酷网的小视频？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何在Tomcat中配置并部署网站项目？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  C++时间戳转换成日期时间的步骤和示例代码  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  网站制作公司排行榜,抖音怎样做个人官方网站  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  学校为何禁止电信移动建设网站？  C++如何编写函数模板？（泛型编程入门）  定制建站流程步骤详解：一站式方案设计与开发指南  北京制作网站的公司,北京铁路集团官方网站？  学校建站服务器如何选型才能满足性能需求？  ,石家庄四十八中学官网？  如何快速搭建支持数据库操作的智能建站平台？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  如何解决ASP生成WAP建站中文乱码问题？  网站网页制作专业公司,怎样制作自己的网页？  如何快速使用云服务器搭建个人网站？  建站主机类型有哪些？如何正确选型  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  表情包在线制作网站免费,表情包怎么弄？  官网网站制作腾讯审核要多久,联想路由器newifi官网  宿州网站制作公司兴策,安徽省低保查询网站？  英语简历制作免费网站推荐,如何将简历翻译成英文？  建站主机选购指南：核心配置与性价比推荐解析  西安大型网站制作公司,西安招聘网站最好的是哪个？  如何在服务器上配置二级域名建站？  b2c电商网站制作流程,b2c水平综合的电商平台？  建站之星如何助力网站排名飙升？揭秘高效技巧  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站之星后台密码遗忘？如何快速找回？