在看这段代码的时候,一致无法明白,最终输出的
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