js遇到的小知识点

f1();
console.log(a);
console.log(b);
console.log(c);
function f1() {
    var a = b = c =2;
    console.log(a);
    console.log(b);
    console.log(c)
}

 

 

<script>
    var a ={n:1}
    b = a
    a.x = a = {n:2}
    console.log(a)      //{n: 2}
    console.log(a.x)    //undefined
    console.log(b)      //{n: 1, x: {n: 1, x: {n: 2}}}
    console.log(b.x)    //{n: 2}

   /* 由于变量提升 所有var声明变量会提升到顶部
    再进行变量a的赋值
    由于a的值是个引用类型 所以{n: 1}存到了堆内存 赋给a值是{n: 1}的内存地址
    然后a = {n: 2}; 等同于在堆内存声明了一个新的对象并将它的内存地址复制给a
    a.x的话 等于a原来的对象{n: 1}上添加了一个新的属性x 并将x设为{n: 2}
    执行完后由于a改变了对象的引用地址 所以a.x的值为undefined*/


</script>