Bagaimana cara menampilkan objek penuh di konsol Chrome?

var functor=function(){
    //test
}

functor.prop=1;

console.log(functor);

ini hanya menampilkan bagian fungsi dari functor, tidak dapat menampilkan properti dari functor di konsol.

Gunakan console.dir()untuk menampilkan objek yang dapat dijelajahi yang dapat Anda klik alih-alih .toString()versi, seperti ini:

console.dir(functor);

Mencetak representasi JavaScript dari objek yang ditentukan. Jika objek yang sedang dicatat adalah elemen HTML, maka properti representasi DOM-nya akan dicetak ^[1]

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

Anda mungkin mendapatkan hasil yang lebih baik jika Anda mencoba:

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

Anda mungkin mendapatkan hasil yang lebih baik jika Anda mencoba:

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

ini bekerja dengan baik untuk saya:

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

Anda dapat mengekstrak setiap array yang dibuat di konsol untuk mencari / mengganti pembersihan dan penggunaan posterior dari data ini yang diekstraksi

Saya menulis fungsi untuk mencetak berbagai hal dengan mudah ke konsol.

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

akan ditampilkan di konsol:

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

Dengan browser modern, console.log(functor)berfungsi dengan baik (berperilaku sama adalah a console.dir).

Saya membuat fungsi jawaban Trident D'Gao.

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

Bagaimana cara menggunakannya

print(obj);

Untuk menampilkan keberatan:

console.log(obj, null, 4)