通过实例了解js函数中参数的传递

先看一道JS的笔试题：

var setObj=function(o){o.name="xiaoming";o={};o.name="xiaohong";}var p={name:"xixi",age:24};setObj(p);console.log(p);

答案是{name:xiaoming,age24}；

在JavaScript中函数参数默认为引用类型。

一.函数传递值类型:

代码实例如下:

function addNum(num){　num+=10;　return num;}var num=10;var result=addNum(num);console.log(num);console.log(result);

以上代码的弹出值分别为:10和20，下面进行一下分析:

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

二.函数传递引用类型:

 function setName(obj){ obj.name="青岛新锐"; } var web=new Object(); web.name="蚂蚁部落"; setName(web); console.log(web.name);

以上代码的弹出值是:“青岛新锐”，下面进行一下分析:

声明一个对象web，它是一个引用类型，当为函数传递参数的时候，是传递的web对象的引用，也就是此对象的内存地址，所以在函数中修改属性的对象就是函数外面创建的对象本身。

三.加深理解:

function setName(obj){  obj.name="青岛新锐";  obj=new Object();  obj.name="蚂蚁部落";  }  var web=new Object(); setName(web); console.log(web.name);

以上代码的弹出值是:青岛新锐，很多人可能会以为将会弹出“蚂蚁部落”，下面进行一下简单的分析:

在函数外面创建一个对象，并将对象的引用赋值给变量web，web中存储的是对象在内存中的存储地址，当为函数传递参数的，就是传递的在函数外面创建的对象的地址。在函数中，为外面创建的对象创建一个自定义属性name并赋值为“青岛新锐”，然后又创建一个新的对象，并将新对象的地址赋值给obj，这个时候obj指向的并不是函数外面创建的对象，所以外面对象name属性不会被改变。

这样写对于其他语言的程序员来说是很难接受的，我们在实际的开发中避免这样的写法，因为这样会造成全局作用域污染。最近在读《javascript高级程序设计》时碰到了js传递方式的问题，花费了些时间，不过总算明白了。

数据类型

在 javascript 中数据类型可以分为两类：

变量的复制

众所周知，js中变量的基本类型和引用类型保存方式是不同的，这也就导致变量复制时也就不同了。如果从一个变量向另一个变量复制基本类型的值时，会将前者的值克隆一个，然后将克隆的值赋值到后者，因此这两个值是完全独立的，只是他们的value相同而已。