首頁  >  文章  >  web前端  >  JavaScript中的console.dir()函數介紹

JavaScript中的console.dir()函數介紹

高洛峰
高洛峰原創
2017-02-03 14:47:482037瀏覽

在調試JavaScript程式時,有時需要dump某些物件的詳細資訊。透過手動編寫JavaScript程式碼可以完成這項工作:針對物件的屬性進行循環,將循環到的每一個屬性值列印出來;可見,這個過程是比較繁瑣的。在具備偵錯工具的瀏覽器上,這項工作可以透過console.dir()語句來方便的完成。

console.dir()的使用

console.dir()的使用非常簡單,直接將需要dump的物件傳入該語句即可。例如以下的例子:

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控制台中其顯示結果為:

JavaScript中的console.dir()函數介紹

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

瀏覽器支援

console.dir()和console.dirxml()在有除錯工具的瀏覽器上支援較好,各大瀏覽器均支援此功能。

更多JavaScript中的console.dir()函數介紹相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn