JavaScript按值传递的思考

在看这段代码的时候，一致无法明白，最终输出的person.name为什么是Nicholas

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

在《JavaScript高级程序设计》第三版 4.1.3，讲到传递参数：

ECMAScript中所有函数的参数都是按值传递的

什么是按值传递呢？

也就是说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。

按值传递

举个简单的例子

var value = 1;
function foo(v) {
    v = 2;
    console.log(v); //2
}
foo(value);
console.log(value) // 1

当传递 value 到函数 foo 中，相当于拷贝了一份 value，假设拷贝的这份叫 _value，函数中修改的都是 _value 的值，而不会影响原来的 value 值。

---

那么对于下面这代码，到底是如何进行按值传递的呢？

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

1：我们不妨把上面的代码等价变换一下

function setName() {
    // obj指向person
    var obj = person;
    // 给obj来添加属性name，value为Nicholas，这时候，person和obj的地址相同，所以
    // 此时：person.name = "Nicholas"，obj.name = "Nicholas"
    obj.name = "Nicholas";
    // 关键在于这里
    // 这时候我们给obj赋值一个新的对象，即：我们更改了obj的地址指向。现在obj指向新的Object()地址
    obj = new Object();
    // 然后再对此时的obj（地址指向新的Object）添加一个属性name,此时obj.name = "Greg"
    obj.name = "Greg";	
}
var person = new Object();
setName(person);
alert(person.name);

2：为什么在obj = new Object()这里更改了obj的地址指向呢？

如果取消某一个变量对于原对象的引用，不会影响到另一个变量。

var o1 = {};
var o2 = o1;
// 在这里o1取消了对原对象的引用，但是o2依旧指向原对象
o1 = 1;
o2 // {}

• 所以，obj = new Object()这里的obj取消了对原对象的引用，但是不会影响person。

---

• 参考资料
  • 网道：https://wangdoc.com/javascript/types/object.html#%E5%AF%B9%E8%B1%A1%E7%9A%84%E5%BC%95%E7%94%A8
  • Github：https://github.com/mqyqingfeng/Blog/issues/10