Cách kiểm tra các đối tượng Javascript

Làm cách nào tôi có thể kiểm tra một Đối tượng trong hộp cảnh báo? Thông thường, cảnh báo một Đối tượng chỉ cần ném tên nút:

alert(document);

Nhưng tôi muốn lấy các thuộc tính và phương thức của đối tượng trong hộp cảnh báo. Làm cách nào để đạt được chức năng này, nếu có thể? Hoặc có bất kỳ đề xuất nào khác?

Đặc biệt, tôi đang tìm kiếm giải pháp cho môi trường sản xuất không có console.log và Firebug.

for- Các invòng lặp cho mỗi thuộc tính trong một đối tượng hoặc mảng. Bạn có thể sử dụng thuộc tính này để nhận giá trị cũng như thay đổi nó.

Lưu ý: Tài sản riêng không có sẵn để kiểm tra, trừ khi bạn sử dụng "gián điệp"; về cơ bản, bạn ghi đè đối tượng và viết một số mã thực hiện vòng lặp for-in bên trong ngữ cảnh của đối tượng.

Đối với trong trông giống như:

for (var property in object) loop();

Một số mẫu mã:

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));

Edit: Một thời gian trước, tôi đã viết thanh tra của riêng tôi, nếu bạn quan tâm, tôi rất vui khi được chia sẻ.

Chỉnh sửa 2: Chà, dù sao thì tôi cũng đã viết một bài.

Còn alert(JSON.stringify(object))với một trình duyệt hiện đại thì sao?

Trong trường hợp của TypeError: Converting circular structure to JSON, đây là các tùy chọn khác: Làm thế nào để tuần tự hóa nút DOM thành JSON ngay cả khi có các tham chiếu vòng?

Tài liệu: JSON.stringify()cung cấp thông tin về định dạng hoặc kiểm tra đầu ra.

Sử dụng console.dir(object)và plugin Firebug

Có một số phương pháp:

 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) 

Trong bối cảnh bảng điều khiển, đôi khi .constructor hoặc .prototype có thể hữu ích:

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

Sử dụng bảng điều khiển của bạn:

console.log(object);

Hoặc nếu bạn đang kiểm tra các phần tử html dom, hãy sử dụng console.dir (object). Thí dụ:

let element = document.getElementById('alertBoxContainer');
console.dir(element);

Hoặc nếu bạn có một mảng các đối tượng js, bạn có thể sử dụng:

console.table(objectArr);

Nếu bạn đang xuất ra nhiều console.log (đối tượng), bạn cũng có thể viết

console.log({ objectName1 });
console.log({ objectName2 });

Điều này sẽ giúp bạn gắn nhãn các đối tượng được ghi vào bảng điều khiển.

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);

Đây là câu trả lời tuyệt vời của Christian. Tôi vừa làm cho nó dễ đọc hơn một chút:

/**
 * 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

Đây là trình kiểm tra đối tượng của tôi dễ đọc hơn. Vì mất nhiều thời gian để ghi mã ở đây nên bạn có thể tải xuống tại http://etto-aa-js.googlecode.com/svn/trunk/ins rà.js

Sử dụng như thế này:

document.write(inspect(object));