以下代码实际发生了什么？

Question

我无法理解以下代码中发生的情况。 首先我创建对象然后在修改它之前控制对象。 但它输出修改后的值。

 <script>
   var x={
      "name" :"nauman",
      "address":{
         "add1":"home",
         "add2": "home2"
        }
    }
  console.log(x);// it log hom3 instead of home
  x.address.add1="hom3"; 
      console.log(x);
  </script>