JavaScript đổ đối tượng

Có tiện ích bổ sung / ứng dụng của bên thứ 3 hoặc một số cách để thực hiện kết xuất bản đồ đối tượng trong trình gỡ lỗi tập lệnh cho một đối tượng JavaScript không?

Đây là tình huống ... Tôi có một phương thức được gọi hai lần, và trong mỗi lần có một cái gì đó khác nhau. Tôi không chắc điều gì khác biệt, nhưng có gì đó. Vì vậy, nếu tôi có thể kết xuất tất cả các thuộc tính của window (hoặc ít nhất là window.document) vào một trình soạn thảo văn bản, tôi có thể so sánh trạng thái giữa hai lệnh gọi với một tệp tin khác biệt đơn giản. Suy nghĩ?

Firebug +console.log(myObjectInstance)

console.log("my object: %o", myObj)

Nếu không, bạn sẽ kết thúc với một biểu diễn chuỗi đôi khi hiển thị:

[object Object]

hoặc một số như vậy.

function mydump(arr,level) {
    var dumped_text = "";
    if(!level) level = 0;

    var level_padding = "";
    for(var j=0;j<level+1;j++) level_padding += "    ";

    if(typeof(arr) == 'object') {  
        for(var item in arr) {
            var value = arr[item];

            if(typeof(value) == 'object') { 
                dumped_text += level_padding + "'" + item + "' ...\n";
                dumped_text += mydump(value,level+1);
            } else {
                dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
            }
        }
    } else { 
        dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
    }
    return dumped_text;
}

Nếu bạn đang sử dụng Chrome, Firefox hoặc IE10 + tại sao không mở rộng bảng điều khiển và sử dụng

(function() {
    console.dump = function(object) {
        if (window.JSON && window.JSON.stringify)
            console.log(JSON.stringify(object));
        else
            console.log(object);
    };
})();

cho một giải pháp ngắn gọn, trình duyệt chéo.

Chỉ dùng:

console.dir(object);

bạn sẽ nhận được một biểu diễn đối tượng có thể nhấp đẹp. Hoạt động trong Chrome và Firefox

Đối với Chrome / Chromium

console.log(myObj)

hoặc nó tương đương

console.debug(myObj)

để dễ đọc hơn, bạn có thể chuyển đổi đối tượng thành chuỗi json như sau:

console.log(obj, JSON.stringify(obj));

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

Việc sử dụng console.log(object)sẽ ném đối tượng của bạn sang bảng điều khiển Javascript, nhưng đó không phải lúc nào cũng là điều bạn muốn. Việc sử dụng JSON.stringify(object)sẽ trả về hầu hết nội dung được lưu trữ trong một biến, ví dụ như gửi nó đến đầu vào textarea và gửi nội dung trở lại máy chủ.

Trong Chrome, nhấp vào 3 dấu chấm và nhấp vào Công cụ khác và nhấp vào nhà phát triển. Trên bảng điều khiển, nhập console.dir (yourObject). Nhấp vào liên kết này để xem hình ảnh ví dụ