在調(diào)試JavaScript程序時，有時需要dump某些對象的詳細(xì)信息。通過手工編寫JavaScript代碼可以完成這一工作：針對對象的屬性進(jìn)行循環(huán)，將循環(huán)到的每一個屬性值打印出來；可見，這一過程是比較繁瑣的。在具備調(diào)試工具的瀏覽器上，這一工作可以通過console.dir()語句來方便的完成。

console.dir()的使用

console.dir()的使用非常簡單，直接將需要dump的對象傳入該語句即可。比如以下的例子：

復(fù)制代碼代碼如下:

function cat(name, age, score){

    this.name = name;

    this.age = age;

    this.score = score;

}

var c = new cat("miao", 2, [6,8,7]);

console.dir(c);

通過使用console.dir()，新建的cat對象信息被dump出來了。在Firebug控制臺中其顯示結(jié)果為：

如果需要dump的是一個DOM對象，那么使用console.dirxml()會得到更好的顯示效果。

瀏覽器支持

console.dir()和console.dirxml()在有調(diào)試工具的瀏覽器上支持較好，各大瀏覽器均支持此功能。

您可能感興趣的文章:

相關(guān)文章

js控制當(dāng)再次點(diǎn)擊按鈕時的間隔時間
這篇文章主要介紹通過js如何控制當(dāng)再次點(diǎn)擊按鈕是的間隔時間,需要的朋友可以參考下
2014-06-06
js事件流、事件委托與事件階段實(shí)例詳解
事件委托應(yīng)用在很多開發(fā)場景之中,但是很多同學(xué)對委托的原理、特別是對JS原生實(shí)現(xiàn)委托不太了解,下面這篇文章主要給大家介紹了關(guān)于js事件流、事件委托與事件階段的相關(guān)資料,需要的朋友可以參考下
2022-02-02
完美實(shí)現(xiàn)js選項卡切換效果(二)
這篇文章主要為大家詳細(xì)介紹如何完美實(shí)現(xiàn)js選項卡切換效果，通過設(shè)置定時器實(shí)現(xiàn)延時0.5s切換選項卡，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
JavaScript實(shí)現(xiàn)的3D旋轉(zhuǎn)魔方動畫效果實(shí)例代碼
在本篇文章里小編給大家整理了關(guān)于JavaScript實(shí)現(xiàn)的3D旋轉(zhuǎn)魔方動畫效果實(shí)例代碼，有興趣的朋友們測試下。
2019-07-07
很酷的javascript loading效果代碼
很不錯的loading效果代碼，方便學(xué)習(xí)loading的朋友測試與學(xué)習(xí)
2008-06-06
深入理解JavaScript中的Base64編碼字符串
在我們進(jìn)行前端開發(fā)時，針對項目優(yōu)化，常會提到一條：針對較小圖片，合理使用Base64字符串替換內(nèi)嵌，可以減少頁面http請求。本文整理了一些Base64編碼字符串的相關(guān)知識，感興趣的可以了解一下
2023-02-02
詳解JavaScript對Date對象的操作問題(生成一個倒數(shù)7天的數(shù)組)
最近項目需求要生成一個倒數(shù)7天的數(shù)組，下面小編把我的實(shí)現(xiàn)思路和代碼整理分享給大家，供大家參考，需要的朋友可以參考下
2015-10-10
JavaScript與Div對層定位和移動獲得坐標(biāo)的實(shí)現(xiàn)代碼
JavaScript與Div對層定位和移動獲得坐標(biāo)的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-09-09
js實(shí)現(xiàn)圖片上傳預(yù)覽原理分析
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片上傳預(yù)覽的原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
CKeditor富文本編輯器使用技巧之添加自定義插件的方法
這篇文章主要介紹了CKeditor富文本編輯器使用技巧之添加自定義插件的方法,結(jié)合實(shí)例形式分析了CKeditor添加自定義插件的步驟與相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06