首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >揭秘ECMAScript参数值传递与csxiaoyao.com“引用”传递

揭秘ECMAScript参数值传递与csxiaoyao.com“引用”传递

作者头像
CS逍遥剑仙
发布于 2025-06-15 03:32:17
发布于 2025-06-15 03:32:17
4700
代码可运行
举报
文章被收录于专栏:禅林阆苑禅林阆苑
运行总次数:0
代码可运行

  js红皮书中文版中(P66)说:“ECMAScript中的所有参数传递的都是值,不可能通过引用传递参数”,然众所周知,js中有object数据类型,虽然其他高级语言函数参数传递分为值传递和引用传递,但是js中object作为参数是以值传递的(P71)。

1. 值传递

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function addNum(num)
{ 
 num+=10; 
 return num; 
} 
var num=10; 
var result=addNum(num); 
console.log(num); // 10
console.log(result); // 20

  num是值类型,函数传参时将此值复制一份传递给函数,所以在函数执行之后,num本身的值并没有被改变,函数中被改变的值仅仅是一个副本而已。

2.object值传递1

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function setName(obj)
{ 
  obj.name="sunshine"; 
} 
var web=new Object(); 
web.name="csxiaoyao";
setName(web); 
console.log(web.name); // sunshine

  web对象是引用类型,函数传参时参数传递给setName后被复制给obj,在这个函数内部,obj和web引用的是同一个对象,即:值传递。此处obj和web指向同一个对象,而且是全局对象,所以函数内修改,外部也有反映。

【错误理解】:之前错误地认为局部域中修改对象会在全局域中体现即为引用传递,这个理解是错误的,引用传递指传递的是对象的内存地址,在函数中修改属性的对象就是函数外面创建的对象本身,与此处不同。见下例。

3.object值传递2

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function setName(obj)
{ 
  obj.name="sunshine"; 
  obj=new Object(); 
  obj.name="csxiaoyao"; 
} 
var web=new Object(); 
setName(web); 
console.log(wcsxiaoyao.comeb.name); // sunshine

  在函数中又创建一个新的对象,此时obj指向的并不是函数外面创建的对象,所以外面对象name属性值不会被改变,由此可见参数传递为值传递。

如果为引用传递,在函数外创建一个对象,并将对象的引用赋值给变量web,web中存储的是对象在内存中的存储地址,函数传参时传递的是在函数外面创建的对象的地址,那么新建对象应该会覆盖原来的对象。

总结

  js的参数传递与其他高级语言有所不同,只有值传递,即使传递的是对象。可以把ECMAScript函数的参数想象成局部变量,这个局部变量每次在函数进入时复制一份,函数执行完毕后立即销毁。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 值传递
  • 2.object值传递1
  • 3.object值传递2
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档