防止Chrome DevTools通過引用記錄對象

Question

有什麼辦法讓Chrome DevTools不能通過引用記錄對象？問題的下面是一個例子：

var monkey = { 'bananas': 0 }; 
console.log("Monkey Log #1: %O", monkey); 
monkey.bananas++; 
console.log("Monkey Log #2: %O", monkey); 
monkey.bananas++; 
console.log("Monkey Log #3: %O", monkey); 

如果你看一下工具日誌的開發，你會看到每個日誌項的值是相同的 - 他們都有3根香蕉，而不是預期的0/1/2香蕉。

Answer 1

只需登錄它直接，無需使用%O：

var monkey = { 'bananas': 0 }; 
console.log("Monkey Log #1: ", monkey); 
monkey.bananas++; 
console.log("Monkey Log #2: ", monkey); 
monkey.bananas++; 
console.log("Monkey Log #3: ", monkey); 

日誌爲：

Answer 2

你可能只需要做一個JSON.stringify（object），並將它看作一個字符串即可。其他變量，如整數，你需要做一個.toString（）。

Answer 3

SLaks引發了正確答案：

創建複製的對象的包裝功能。

function uniqueObj(obj) { 
    return jQuery.extend(true, {}, obj); 
} 

var monkey = { 'bananas': 0 }; 
console.log("Monkey Log #1: %O", uniqueObj(monkey)); 
monkey.bananas++; 
console.log("Monkey Log #2: %O", uniqueObj(monkey)); 
monkey.bananas++; 
console.log("Monkey Log #3: %O", uniqueObj(monkey));