console是在寫前端Javascript時經(jīng)常會使用到,我平時使用最多的是console.log,相比大多數(shù)人也是如此吧!
下面一起來看一下強大的console吧!
01函數(shù)(屬性)
包含如下函數(shù) / 屬性:memory、assert、clear、count、debug、dir、dirxml、error、exception、group、groupCollapsed、groupEnd、info、log、markTimeline、profile、profileEnd、table、time、timeEnd、timeStamp、timeline、timelineEnd、trace、warn??傆嫼?4個函數(shù) / 屬性。
02演示和說明
下面我們依次來演示和說明一下;
一、console.memory
注意:這是一個屬性,并不是是函數(shù),此屬性是用來查看內存使用情況,如果我們使用過多的console.log()會占用大量的內存,導致瀏覽器出現(xiàn)卡死情況。
我們打開瀏覽器進入調試模式,在console一欄下輸入:console.memory,執(zhí)行回車。
二、console.assert
使用示例:
console.assert(false,'這是一行文字')
此函數(shù)是在第一個參數(shù)為假的時候會在控制臺輸出信息。
三、console.clear
清空控制臺輸出信息,此方法可以在程序最好執(zhí)行,將console出的信息進行清除,進一步的增加程序的安全性。使用方式如下:
console.clear()
四、console.count
此函數(shù)為統(tǒng)計打印次數(shù),使用示例如下:
for (var i = 0; i < 10; i++) {console.count("當前輸出")}
五、console.debug
此函數(shù)作用與console.log作用相同,均為調試輸出,目前谷歌瀏覽器和opera不支持console.debug(),在控制臺中看不到效果。我們在IE瀏覽器中看一下效果。
console.debug("這是一行文字")
六、console.dir
console.dir(dom)
此函數(shù)作用與console.log作用效果相同,但是在我們打開節(jié)點時,兩者之間變現(xiàn)的存在差異。在觀察節(jié)點時dir的效果要明顯的好于log。
七、console.dirxml
如果是一個html節(jié)點那么打印出來是dom節(jié)點,其他的打印同dir。
console.dirxml(dom)
八、console.error
錯誤輸出,顯示紅色
console.error("這是一行文字")
九、console.exception ()
exception 在部分瀏覽器瀏覽器中是console.error 的別名,谷歌最新瀏覽器已經(jīng)廢棄。
十、console.group()
大多數(shù) console 中要輸出高級和復雜的東西。分組可以讓你歸納這些。尤其是讓你能使用嵌套。它擅長展示代碼中存在的結構關系。
console.group('Loop');
十一、console.groupCollapsed()
功能上和 console.group 一樣,但是分組塊一開始是折疊的。它沒有得到很好的支持,但是如果你有一個無意義的龐大的分組并想默認隱藏它,可以試試這個函數(shù)。
十二、console.groupEnd()
主要是和console.group()、console.groupCollapsed()相關結合使用。
十三、console.info()
與console.log()相同
十四、console.log()
用于在控制臺輸出信息,在調試中非常實用。
十五、console.markTimeline()
console.markTimeline() 方法是 console.timeStamp()的廢棄形式。
十六、console.profile()
檢測性能,找出性能瓶頸,效果比console.time()更好
十七、console.profileEnd()
配合console.profile()使用
十八、console.table()
以列表形式展示數(shù)據(jù),這比只扔下原始的對象數(shù)組要更加整潔、看起來更改直觀。
十九、console.time()
專門用于監(jiān)測操作的時間開銷的函數(shù),也是監(jiān)測 JavaScript 細微時間的更好的方式。
console.time();
二十、console.timeEnd()
配合console.time()使用
二十一、console.timeStamp()
該特性是非標準的,請盡量不要在生產(chǎn)環(huán)境中使用它!你可以選擇用一個參數(shù)來作為時間戳標簽,然后標記旁邊就會顯示這個標簽。
二十二、console.timeline()
斷點調試使用,此方法是 console.time() 的棄用形式。
二十三、console.timelineEnd()
配合console.timeline()使用
二十四、console.trace()
調試和查找問題使用,是非常高效的函數(shù),效果比console.log()好很多,使用我們只能知道執(zhí)行了哪一個基礎庫,并不知道執(zhí)行的具體位置,而此方法顯示一個跟蹤,該跟蹤顯示了代碼如何在特定點結束。
console.trace();
二十五、console.warn
以警告的形式輸出信息,當出現(xiàn)大量的調試信息時,可以使用warn形式突出特定點位,便于排查錯誤位置,warn以黃色背景,并在輸出文件前加嘆號。在諸多信息中非常明顯。
至此,已經(jīng)將console的函數(shù)或方法做了簡單的介紹和說明,部分的函數(shù)演示并未配圖,如果錯誤歡迎指出、虛心受教。