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"
//这里只要理解，你不能直接操做堆内存中的对象，你只能经过栈内存中的指针进行操做。

这个函数的过程以下图：