javascript - Javascript 究竟是如何传递参数的？

Question

有一个小测试。我希望 obj\d 对象最终都更改了它们的 a 成员。但是 change1 样式不起作用，我想知道为什么，或者为什么不应该这样做？

<button id="btn1" onclick="test()">Change</button>
<script>
    var obj1 = { a : {strblahblah: "blah"} };
    var obj2 = { a : {strblahblah: "blah"} };
    function test(){
        change1(obj1.a);
        change2(obj2);
        alert("obj1: " + obj1.toSource() + "\r\nobj2: " + obj2.toSource());
    }

    function change1(obj){
        obj = {str: "change1"};
    }
    function change2(obj){
        obj.a = {str: "change2"};
    }
</script>

结果(点击按钮后):

obj1: ({a:{strblahblah:"blah"}})
obj2: ({a:{str:"change2"}})

Answer 1

change1 中发生的事情是 obj 最初持有对 obj1.a 中对象的引用。但是，该行:

obj = {str: "change1"};

不改变 obj1.a。相反，它会创建一个新对象 ({str: "change1"}) 并更改 obj 以便它现在指向该对象而不是 obj1.a.

相比之下，change2 有 obj 最初持有对 obj2 中对象的引用，并且有一行:

obj.a = {str: "change2"};

它访问引用对象(即 obj2)的内部结构，从而对该对象进行实际更改。