JavaScript中的console.dir()函數(shù)介紹
更新時間：2014年12月29日 10:51:46 投稿：junjie
這篇文章主要介紹了JavaScript中的console.dir()函數(shù)介紹,console.dir主要用來dump某些對象的詳細(xì)信息,需要的朋友可以參考下
在調(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)文章
JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法,結(jié)合實(shí)例形式分析了javascript構(gòu)造器模式的概念、原理、與工廠模式的區(qū)別以及相關(guān)使用方法,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了JS控制按鈕10秒鐘后可用的方法,涉及JavaScript基于時間函數(shù)控制頁面元素樣式動態(tài)變換的技巧,需要的朋友可以參考下2015-12-12
js實(shí)現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動顯示的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)目錄鏈接,內(nèi)容跟著目錄滾動顯示的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
JavaScript 開發(fā)規(guī)范要求(圖文并茂)
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護(hù)變的困難，同時也不利于團(tuán)隊(duì)的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。2010-06-06
微信小程序?qū)崿F(xiàn)獲取手機(jī)號60s倒計(jì)時
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)獲取手機(jī)號60s倒計(jì)時，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
在項(xiàng)目開發(fā)中我們常常會去監(jiān)聽滾動事件或者用戶輸入框驗(yàn)證事件,如果事件處理沒有頻率限制,當(dāng)用戶不斷觸發(fā)事件時,就會加重瀏覽器的負(fù)擔(dān),影響用戶的體驗(yàn),造成不必要的損失,這篇文章主要給大家介紹了關(guān)于js防抖節(jié)流到底是什么的相關(guān)資料,需要的朋友可以參考下2022-04-04
淺談javascript中的 “ && ” 和 “ || ”
本文主要介紹了Javascript中的 “ && ” 和 “ || ”的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
詳解JavaScript中Hash Map映射結(jié)構(gòu)的實(shí)現(xiàn)
Hash Map通常在JavaScript中作為一個簡單的來存儲鍵值對的地方,不過哈希對象Object并不是一個真正的哈希映射,沒Java中的Hash Map來的那么強(qiáng)大,well,接下來帶大家詳解JavaScript中Hash Map映射結(jié)構(gòu)的實(shí)現(xiàn)2016-05-05
syntaxhighlighter 使用方法...2007-07-07
這篇文章利用圖片講解的方式向大家解釋了JavaScript中的this關(guān)鍵字，JavaScript this 到底指向什么？從這篇文章中大家可以得到想要的答案，需要的朋友可以參考下2015-10-10