Làm cách nào để hiển thị toàn bộ đối tượng trong bảng điều khiển Chrome?

var functor=function(){
    //test
}

functor.prop=1;

console.log(functor);

cái này chỉ hiển thị phần chức năng của functor, không thể hiển thị các thuộc tính của functor trong console.

Sử dụng console.dir()để xuất một đối tượng có thể duyệt mà bạn có thể nhấp qua thay vì .toString()phiên bản, như thế này:

console.dir(functor);

In một đại diện JavaScript của đối tượng được chỉ định. Nếu đối tượng được ghi là một phần tử HTML, thì các thuộc tính của biểu diễn DOM của nó được in ^[1]

[1] https://developers.google.com/web/tools/chrom-devtools/debug/console/console-reference#dir

Bạn có thể nhận được kết quả tốt hơn nếu bạn thử:

console.log(JSON.stringify(functor));

Bạn có thể nhận được kết quả thậm chí tốt hơn nếu bạn thử:

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

var gandalf = {
  "real name": "Gandalf",
  "age (est)": 11000,
  "race": "Maia",
  "haveRetirementPlan": true,
  "aliases": [
    "Greyhame",
    "Stormcrow",
    "Mithrandir",
    "Gandalf the Grey",
    "Gandalf the White"
  ]
};
//to console log object, we cannot use console.log("Object gandalf: " + gandalf);
console.log("Object gandalf: ");
//this will show object gandalf ONLY in Google Chrome NOT in IE
console.log(gandalf);
//this will show object gandalf IN ALL BROWSERS!
console.log(JSON.stringify(gandalf));
//this will show object gandalf IN ALL BROWSERS! with beautiful indent
console.log(JSON.stringify(gandalf, null, 4));

điều này làm việc hoàn hảo cho tôi:

for(a in array)console.log(array[a])

bạn có thể trích xuất bất kỳ mảng nào được tạo trong bảng điều khiển để tìm / thay thế việc dọn dẹp và sử dụng dữ liệu sau được trích xuất

Tôi đã viết một chức năng để thuận tiện in mọi thứ lên bàn điều khiển.

// function for debugging stuff
function print(...x) {
    console.log(JSON.stringify(x,null,4));
}

// how to call it
let obj = { a: 1, b: [2,3] };
print('hello',123,obj);

sẽ xuất ra trong giao diện điều khiển:

[
    "hello",
    123,
    {
        "a": 1,
        "b": [
            2,
            3
        ]
    }
]

Với các trình duyệt hiện đại, console.log(functor)hoạt động hoàn hảo (hoạt động tương tự là a console.dir).

Tôi đã thực hiện một chức năng của câu trả lời Trident D'Gao.

function print(obj) {
  console.log(JSON.stringify(obj, null, 4));
}

Làm thế nào để sử dụng nó

print(obj);

Để đầu ra obj:

console.log(obj, null, 4)