如何記錄/調試對象屬性，忽略方法/函數混亂

Question

我想使用Chrome的開發控制檯來跟蹤對象的屬性，但對於有很多方法的對象，通過所有的函數引用。有沒有一種漂亮的方式來調試對象而不顯示相關的方法/功能？我一直在玩弄下面的代碼，以複製對象和strip函數引用，但我無法得到它的工作......謝謝！

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.js' type='text/javascript'></script> 
<script> 
function plog(obj){ 
    var key; 
    var clone = jQuery.extend(true, {}, obj); 
    for (key in obj){ 
     if(typeof(obj.key) == "function") { 
      delete clone[key]; 
     } 
    } 
    console.log(clone); 
} 
</script> 
<a href="#" onclick="plog(window);">Click Here</a> 

Answer 1

要獲得的屬性的值，你應該使用內循環for-in像obj[key]索引訪問beecause key是String與財產的名稱。

var getProperties = function(obj) { 
    var propsCopy, 
     i; 
    propsCopy = {}; 
    for(i in obj) { 
     if(typeof(obj[i]) !== 'function') { 
      propsCopy[i] = obj[i]; 
     } 
    } 
    return propsCopy; 
}; 

var obj = { 
    x: 1, 
    y: 2, 
    fn: function(x) { 
     return x * x; 
    } 
}; 

console.log(obj); 
console.log(getProperties(obj)); 

DEMO

此外，它可能是很好的閱讀documentation page。