如何檢查Javascript對象

Question

如何檢查警報框中的對象？通常提醒一個對象只是拋出nodename：

alert(document); 

但我想要在警告框中的對象的屬性和方法。如果可能，我怎樣才能實現這個功能？或者還有其他建議嗎？

特別是，我正在爲console.log和Firebug不可用的生產環境尋求解決方案。

Answer 1

for - in爲對象或數組中的每個屬性循環。您可以使用此屬性獲取值並更改它。

注意：私人財產不可用於檢查，除非你使用「間諜」;基本上，你重寫對象並編寫一些代碼，在對象的上下文中執行for-in循環。

對於模樣：

for (var property in object) loop(); 

一些示例代碼：

function xinspect(o,i){ 
    if(typeof i=='undefined')i=''; 
    if(i.length>50)return '[MAX ITERATIONS]'; 
    var r=[]; 
    for(var p in o){ 
     var t=typeof o[p]; 
     r.push(i+'"'+p+'" ('+t+') => '+(t=='object' ? 'object:'+xinspect(o[p],i+' ') : o[p]+'')); 
    } 
    return r.join(i+'\n'); 
} 

// example of use: 
alert(xinspect(document)); 

編輯：前段時間，我寫我自己檢查，如果你有興趣，我樂意分享。

編輯2：好吧，我寫了一個。

Answer 2

var str = ""; 
for(var k in obj) 
    if (obj.hasOwnProperty(k)) //omit this test if you want to see built-in properties 
     str += k + " = " + obj[k] + "\n"; 
alert(str); 

Answer 3

alert(JSON.stringify(object))如何使用現代瀏覽器？

在TypeError: Converting circular structure to JSON情況下，這裏有更多的選擇：How to serialize DOM node to JSON even if there are circular references?

的文檔：JSON.stringify()上格式化或美化的輸出提供信息。

Answer 4

使用console.dir(object)和Firebug的插件

Answer 5

使用控制檯：

console.log(object); 

Answer 6

有幾個方法：

1. typeof tells you which one of the 6 javascript types is the object. 
2. instanceof tells you if the object is an instance of another object. 
3. List properties with for(var k in obj) 
4. Object.getOwnPropertyNames(anObjectToInspect) 
5. Object.getPrototypeOf(anObject) 
6. anObject.hasOwnProperty(aProperty) 

在控制檯下，有時.constructor也許.prototype有用：

console.log(anObject.constructor); 
console.log(anObject.prototype) ; 

Answer 7

這是基督徒傑出答案的譁衆取寵。我只是讓它更具可讀性：

/** 
* objectInspector digs through a Javascript object 
* to display all its properties 
* 
* @param object - a Javascript object to inspect 
* @param result - a string of properties with datatypes 
* 
* @return result - the concatenated description of all object properties 
*/ 
function objectInspector(object, result) { 
    if (typeof object != "object") 
     return "Invalid object"; 
    if (typeof result == "undefined") 
     result = ''; 

    if (result.length > 50) 
     return "[RECURSION TOO DEEP. ABORTING.]"; 

    var rows = []; 
    for (var property in object) { 
     var datatype = typeof object[property]; 

     var tempDescription = result+'"'+property+'"'; 
     tempDescription += ' ('+datatype+') => '; 
     if (datatype == "object") 
      tempDescription += 'object: '+objectInspector(object[property],result+' '); 
     else 
      tempDescription += object[property]; 

     rows.push(tempDescription); 
    }//Close for 

    return rows.join(result+"\n"); 
}//End objectInspector 

Answer 8

這是我的對象檢查器，它更具可讀性。因爲代碼需要長期在這裏寫下你可以像這樣在http://etto-aa-js.googlecode.com/svn/trunk/inspector.js

使用下載：

document.write(inspect(object));