javascript - js 函数传参问题

Question

看高程看到了变量传参的问题，里边有这么一个例子，一直无法理解，为什么函数内部的obj没有重写原来的obj？

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

Answer 1

JavaScript中的传参无论什么类型都是按值传递的，这对于基本类型的传参是很好理解的，但是对于引用类型的传参就不太好理解，这是JavaScript的语法规则。
下面说一下这个例子：

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

下面来分析一下：

1. var person = new Object(); 创建person实例。

2. setName(person) 这里把这个实例按值传递给setName这个函数，所谓按值传递，就是把person拷贝一份副本，然后传入这个函数，因为person是引用类型，所以它和它的副本都有一个指针指向内存的同一块区域。

3. obj.name = "Nicholas"; 副本把内存里面的值改为"Nicholas"，此时person.name的值也就变为"Nicholas"，因为他们指向同一块内存。

4. obj = new Object();obj.name = "Greg"; 通过new一个新的实例，并赋值给obj（之前是person按值传递的副本），我们把obj的指针指向了新的内存区域，并赋值为"Greg"，此时obj和person因为不是指向同一块内存区域，所以person.name还是原来的Nicholas。

如果还不理解，请认真理解下面的例子：

var person = new Object();
person.name = "Tabweng";

var anotherPerson = person;

console.log(anotherPerson.name); //TabWeng

person.name = "Weng";

console.log(anotherPerson.name); //Weng

person = new Object();

person.name = "Tab";

console.log(anotherPerson.name); //Weng 

Answer 2

function setName(obj) {
    obj.name = "Nicholas";
    // obj 被重新赋值
    // 原先的引用的对象不会变
    // 变的只是 obj 引用的是哪一个对象而已
    obj = new Object();
    obj.name = "Greg";
}