JavaScript中的console.dir()函數(shù)介紹
更新時(shí)間：2014年12月29日 10:51:46 投稿：junjie
這篇文章主要介紹了JavaScript中的console.dir()函數(shù)介紹,console.dir主要用來dump某些對(duì)象的詳細(xì)信息,需要的朋友可以參考下
在調(diào)試JavaScript程序時(shí)，有時(shí)需要dump某些對(duì)象的詳細(xì)信息。通過手工編寫JavaScript代碼可以完成這一工作：針對(duì)對(duì)象的屬性進(jìn)行循環(huán)，將循環(huán)到的每一個(gè)屬性值打印出來；可見，這一過程是比較繁瑣的。在具備調(diào)試工具的瀏覽器上，這一工作可以通過console.dir()語句來方便的完成。
console.dir()的使用
console.dir()的使用非常簡單，直接將需要dump的對(duì)象傳入該語句即可。比如以下的例子：
復(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對(duì)象信息被dump出來了。在Firebug控制臺(tái)中其顯示結(jié)果為：
如果需要dump的是一個(gè)DOM對(duì)象，那么使用console.dirxml()會(huì)得到更好的顯示效果。
瀏覽器支持
console.dir()和console.dirxml()在有調(diào)試工具的瀏覽器上支持較好，各大瀏覽器均支持此功能。
相關(guān)文章
js控制當(dāng)再次點(diǎn)擊按鈕時(shí)的間隔時(shí)間
這篇文章主要介紹通過js如何控制當(dāng)再次點(diǎn)擊按鈕是的間隔時(shí)間,需要的朋友可以參考下2014-06-06
事件委托應(yīng)用在很多開發(fā)場景之中,但是很多同學(xué)對(duì)委托的原理、特別是對(duì)JS原生實(shí)現(xiàn)委托不太了解,下面這篇文章主要給大家介紹了關(guān)于js事件流、事件委托與事件階段的相關(guān)資料,需要的朋友可以參考下2022-02-02
完美實(shí)現(xiàn)js選項(xiàng)卡切換效果(二)
這篇文章主要為大家詳細(xì)介紹如何完美實(shí)現(xiàn)js選項(xiàng)卡切換效果，通過設(shè)置定時(shí)器實(shí)現(xiàn)延時(shí)0.5s切換選項(xiàng)卡，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript實(shí)現(xiàn)的3D旋轉(zhuǎn)魔方動(dòng)畫效果實(shí)例代碼
在本篇文章里小編給大家整理了關(guān)于JavaScript實(shí)現(xiàn)的3D旋轉(zhuǎn)魔方動(dòng)畫效果實(shí)例代碼，有興趣的朋友們測試下。2019-07-07
很不錯(cuò)的loading效果代碼，方便學(xué)習(xí)loading的朋友測試與學(xué)習(xí)2008-06-06
在我們進(jìn)行前端開發(fā)時(shí)，針對(duì)項(xiàng)目優(yōu)化，常會(huì)提到一條：針對(duì)較小圖片，合理使用Base64字符串替換內(nèi)嵌，可以減少頁面http請(qǐng)求。本文整理了一些Base64編碼字符串的相關(guān)知識(shí)，感興趣的可以了解一下2023-02-02
詳解JavaScript對(duì)Date對(duì)象的操作問題(生成一個(gè)倒數(shù)7天的數(shù)組)
最近項(xiàng)目需求要生成一個(gè)倒數(shù)7天的數(shù)組，下面小編把我的實(shí)現(xiàn)思路和代碼整理分享給大家，供大家參考，需要的朋友可以參考下2015-10-10
JavaScript與Div對(duì)層定位和移動(dòng)獲得坐標(biāo)的實(shí)現(xiàn)代碼
JavaScript與Div對(duì)層定位和移動(dòng)獲得坐標(biāo)的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片上傳預(yù)覽的原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了CKeditor富文本編輯器使用技巧之添加自定義插件的方法,結(jié)合實(shí)例形式分析了CKeditor添加自定義插件的步驟與相關(guān)操作技巧,需要的朋友可以參考下2019-06-06