JS对象传递方式 学习笔记

javascript 

var    obj = { key1: "hello" , key2: "world" };
function modifyObj(obj){
    obj = { key3: "world1", key4: "hello1" };  //将不会改变外部的obj
}
function changeObj(obj){
    obj.key3 = "world2";
    obj.key4 = "hello2";  //将改变外部的obj对象的属性
}
obj  //函数调用前obj属性
Object
key1: "hello"
key2: "world"
__proto__: Object

modifyObj(obj)
obj  //函数调用后obj属性没有变化
Object
key1: "hello"
key2: "world"
__proto__: Object

changeObj(obj)
obj   //函数调用后,属性发生了变化
Object
key1: "hello"
key2: "world"
key3: "world2"
key4: "hello2"
__proto__: Object

 

原因分析:

Javascript中,对象的传递实际是引用地址的传递,当给函数设置属性时,对象的引用首地址并没有发生改变, 函数内部增加属性时,函数调用结束后,增加的属性继续生效

当在函数内部将传入引用的地址指向一个新的栈地址时,函数调用结束可能会导致引用指向无效的地址,故Javascript规范特别规定了,在函数内修改对象的引用地址时,函数调用结束后引用地址不做改变