ECMAScript/前端

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

csxiaoyao · 2月19日 · 2017年 本文1216字 · 阅读4分钟57

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

Write By CS逍遥剑仙
我的主页: csxiaoyao.com
GitHub: github.com/csxiaoyaojianxian
Email: sunjianfeng@csxiaoyao.com
QQ: 1724338257

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

1. 值传递

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

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

function setName(obj)
{ 
  obj.name="sunshine"; 
  obj=new Object(); 
  obj.name="csxiaoyao"; 
} 
var web=new Object(); 
setName(web); 
console.log(web.name); // sunshine

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

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

总结

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

揭秘ECMAScript参数值传递与“引用”传递-禅林阆苑

0 条回应

×