與變異狀態

Question

這段JavaScript代碼JavaScript的日誌對象...

var o = {}; 
console.dir(o); 
o.foo = "bar"; 
console.dir(o); 

...產生相同的互動樹輸出兩次：

這個問題作爲一個bug here on Stack Overflow討論，記錄作爲Chromium bug和WebKit（我想其他地方）。

我明白這種情況的實現原因，但它使得調試有狀態對象變得困難（不使用交互式調試器）。你使用什麼策略來登錄這種情況，你需要在每次日誌調用中看到對象的不同狀態？ JSON.stringify()？有沒有可用於序列化的控制檯方法？

Answer 1

我會解決這個問題，通過對你正在記錄的內容進行「深層複製」，並將副本傳遞給console.dir（）。像這樣的東西效果很好：

function deep_copy(ref) 
{ 
    var r; 
    var i; 

    if(isHash(ref)) 
    { 
     r = {}; 
     for(i in ref) 
       r[i] = deep_copy(ref[i]); 
    } 
    else if(isArray(ref)) 
    { 
     r = []; 
     for(i = 0; i < ref.length; i++) 
      r[i] = deep_copy(ref[i]); 
    } 
    else 
    { 
     r = ref; 
    } 

    return r; 
} 

如果你不想這樣的事情打擾，然後使用JSON.stringify是一個偉大的解決辦法，如果它在瀏覽器的本地不會慢得多。

console.dir(JSON.parse(JSON.stringify(o));