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

引言

在牛客网上刷到的题

1
2
3
4
5
6
7
8
var foo={n:1}
(function(foo){
    console.log(foo.n)
    foo.n=3;
    var foo={n:2}
    console.log(foo.n)
})(foo);
console.log(foo.n )

js中的参数值传递和应用传递

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

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

参数的传递

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

1
2
3
4
5
6
function setName(obj) {
    obj.name = "Nicholas";
}
var person = new Object();
setName(person); 
alert(person.name);   // "Nicholas"

另外

1
2
3
4
5
6
7
8
9
10
//而有一个容易引起误导的点在于下面这个变化
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"
//这里只要理解，你不能直接操作堆内存中的对象，你只能通过栈内存中的指针进行操作。