JS中函数参数值传递和引用传递

学习JS中函数参数值传递和引用传递的学习

JS中函数参数值传递和引用传递

在JavaScript红宝书中说到，“ECMAScript中所有函数的参数都是按值传递的”。理解这个概念先要从JS的堆内存和栈内存说起：栈内存为自动分配的内存空间，它由系统自动释放；堆内存则是动态分配的内存，大小不定也不会自动释放。（很初级的理解，有错误还望指正）

JS中的5种基本数据类型Undefined、Null、Boolean、Number 和 String，它们是直接按值存放在栈内存中，可以直接访问。引用类型的值是保存在堆内存中的对象。与其他语言不同，JavaScript不允许直接访问堆内存中的位置， 也就是说不能直接操作堆内存中的对象。 在操作对象时， 实际上是在操作对象的引用（也可理解为指针）而不是实际的对象。” 这个堆内存中对象的引用（指针）存储在栈内存中。你只能操作栈内存中的数据。即基础类型数据和堆内存中对象的指针两大类

对于基本数据类型的复制就相当于你和小明买了一辆一样的单车，你对自己单车的操作不会影响到小明的单车。
而对于引用类型的复制，相当于你和小明共用一个客厅，你对这个客厅做的操作是会影响到小明的客厅（即你们共用的客厅）

如下图：

 //测试代码：
    //基本类型：
    var a = 10;
    var b = a;
    b = 12;
    alert(a);//10
    alert(b);//12
    
    //引用类型：
    var a = new Object();
    a.name = "Tony";
    alert(a.name);//"Tony"
    var b = a;
    b.name = "Tom"
    alert(a.name);//"Tom"

---

参数的传递

继续说参数的传递，无论参数是什么类型，都是按值传递的，普通类型传递的是本身的值，引用类型传递的是自己在栈内存中的“指针”值。

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

实际过程如下图

...]

//而有一个容易引起误导的点在于下面这个变化
function setName(obj) {
obj.name = "Nicholas";
obj = new Object(); //改变obj的指向，此时obj指向一个新的内存地址，不再和person指向同一个
obj.name = "Greg";
}
var person = new Object();
setName(person);  
alert(person.name);  //"Nicholas"
//这里只要理解，你不能直接操作堆内存中的对象，你只能通过栈内存中的指针进行操作。

这个函数的过程如下图：