用深拷贝解决console.log的中对象的调试问题

用深拷贝解决console.log的中对象的调试问题

var obj={aa:1}
console.log(obj);
obj.aa=2
console.log(obj);

运行上面一段代码。为了跨越console.log的异步特性，将上述代码一句一句在控制台里执行，这样尅忽略异步或者多线程的问题。

然后观察结果，发现输出了两个object。鼠标点开的时候会看到对象的内容，但是发现两个object的内容是一样的。
也就是说，这种情况下，不管是何时输出的obj，点开后看到的都是最后obj的值，而不是输出的时候对象的值。
可能是因为consolelog只是输出一个对象的引用，鼠标点开的时候，会去内存里取这个引用，取到的当然总是最后的值。
这个时候，如果需要实时调试，那就需要对象深拷贝了。原理很简单：

 var object_copy=function(obj){            var cache={}            for(var i in obj){                if(typeof(obj[i])=="object"){                    cache[i]=object_copy(obj[i])                }else{                    cache[i]=obj[i]                }            }            return cache;        }

这里有递归操作，如果页面里有大量这样的调试的话，可能会内存溢出或者堆栈溢出，小心小心。

来源：http://www.html-js.com/?p=1333

console.log异步特性的事例：

var ret = [1, 2, 3, 4, 5, 3, 2, 5, 7, 8],
    length = ret.length,
    middle = length/2,
    n, r;

console.log(ret);   // [1, 2, 3, 4, 5, 7, 8, undefined × 3] 

for ( n = middle; n < ret.length; n++ ) {
    for ( r = 0; r < middle; r++ ) {
        if ( ret[r] === ret[n] ) {
            ret.splice(n--, 1);
            break;
        }
    }
}

console.log(ret);   // [1, 2, 3, 4, 5, 7, 8]