Js对象引用学习总结

昨晚在对象值引用的问题了花了2小时，今天爬起来看权威指南和MDN，终于总结出来了（虽然网上已经很多了，但不是自己经历还是不够深刻）

以下是简单化的问题：

    //定义obj对象,里面有一个object类型的a属性
    var obj ={
        a:{}
    };

    // 定义 v1,2,3值是object
    var v1 = {v:'1'};
    var v2 = {v:'2'};   
    var v3 = {v:'3'};   
    // 定义一个Array
    var arr = new Array();

    //v1,2,3分别赋值给obj.a 每次赋值后将obj push进array
    obj.a = v1;
    arr.push(obj);
    obj.a = v2;
    arr.push(obj);  
    obj.a = v3;
    arr.push(obj);

    console.log(arr)
    //输出arr数组里面3个object对象里面的a都等于{v:'3'}


    //下面变化一下
    //v1,2,3分别赋值给obj.a 每次赋值后将obj.a push进array
    obj.a = v1;
    arr.push(obj.a);
    obj.a = v2;
    arr.push(obj.a);    
    obj.a = v3;
    arr.push(obj.a);

    console.log(arr)
    //输出arr数组里面3个object对象里面的a分别等于
    //{v:'1'}{v:'2'}{v:'3'}

以上是对象值赋值遇到的问题，根据JavaScript权威指南第三章3.7（不可变的原始值和可变的对象引用）的解释：
JavaScript的原始值（undefined,null,boolean,number,string）
和
JavaScript的对象（Function,Array,Object）的赋值有根本区别

前者的赋值不可改变，后者的赋值等于引用等号右边的值的地址，术语叫对象值的引用。

比如：

    //为创建一个 内存A 地址（值为1）,a指向这个内存A
    var a = ['1'];

    //这句实际上b指向了a,而a指向内存A，所以b也指向内存A
    var b = a; 

    //为创建一个 内存C 地址（值为2）,c指向这个内存C
    var c = ['2'];

    //b = c将b的指向从内存A改为内存C,此时输出a,a访问内存A获值,等于1
    b    = c;//console.log(a) -> ['1']

    /**
    *b[0] = c 与b=c不同 b[0]是直接修改内存的值，
    *这里是修改内存A的值,所以内存A的值被修改成了内存C的值,
    *此时输出a,a访问内存A获值,等于2
    **/
    b[0] = c;//console.log(a) -> ['2']

这样可以解释第一个例子，因为arr.push(obj)时候，
obj.a的3次引用v1,v2,v3并没有改变obj的引用地址，
只是改变了obj.a的引用地址，
所以arr[0] arr[1] arr[2] 引用obj, obj引用obj.a，所以arr数组的值以最后obj.a的值为准

而arr.push(obj.a)的时候，obj.a经过3次引用地址的改变，
所以
arr[0]指向v1地址
arr[1]指向v2地址
arr[2]指向v3地址

如果需要改变arr的值，只要v1.v =”改变arr的值” 就可以了。

以上是我对象引用的总结。。