如何在Chrome控制檯中顯示完整對象？

116

var functor=function(){ 
    //test 
} 

functor.prop=1; 

console.log(functor);

這隻顯示函子的函數部分，不能在控制檯中顯示函子的屬性。如何在Chrome控制檯中顯示完整對象？

來源

2010-12-19 lovespring

183

使用console.dir()輸出可瀏覽的對象，你可以通過替代.toString()版本，這樣點擊：

console.dir(functor);

打印指定對象的JavaScript的表示。如果被記錄的對象是一個HTML元素，那麼它的DOM表示的性質是印刷^[1]

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

來源

2010-12-19 12:36:41

需要注意的是，只需在Chrome控制檯中打印'varName'並按Enter即可獲得與'console.dir（varName）'相同的效果。 – Vadzim 2017-10-16 14:58:37

，如果你嘗試你可能會得到更好的結果：

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

來源

2010-12-19 12:43:28 BastiBen

這個答案很好，但我認爲不適用於上面的示例，在新選項卡中嘗試並返回undefined – aitorllj93 2015-04-15 11:52:29

儘管對此答案有所尊重，但它最終會返回一個表示對象的字符串，而不是「可瀏覽的」對象在控制檯中，問題就在這裏。誠然，如果你通過JSON.parse運行這個輸出字符串，它將返回到它的對象格式，但是控制檯仍然會顯示一個「.toString（）」，我們又回到了原點。這裏使用「console.dir」的答案是最適合這個問題的答案。 – TheCuBeMan 2016-03-02 11:48:58

這個工作完美的我：

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

可以提取在控制檯中創建爲發現任何陣列/替換提取

來源

2013-07-31 01:11:12 domSurgeon

有點詳細一點：'for（i in arr）{console.log（i）; （ARR [I]）的console.log; }' – Geo 2013-09-25 16:03:30

我想我回答了一個錯誤的問題。 – domSurgeon 2014-08-09 19:05:34

它不會輸出不可枚舉的屬性和方法 – 2017-02-16 09:15:04

-2

要輸出的obj這個數據的清理和後用法：

console.log(obj, null, 4)

來源

2016-12-09 09:43:23

只輸出您的對象。然後'null'。然後'4' ..... – 2017-07-27 15:38:31

啊哈哈好可笑！ – julestruong 2018-02-06 09:52:35

你甚至可以得到更好的結果，如果你嘗試：

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

來源

2017-10-17 16:28:37

如何在Chrome控制檯中顯示完整對象？

回答

相關問題