你不知道的那些console

前一陣在查找問題的時候,偶然間發現了console的一個用法,彷彿打開了我新世界的大門,原來console還有這麼多的用法,這讓一直以來只用console.log()的我情何以堪啊,因此在這裏記錄一下我認爲有意思和比較實用的幾種用法。chrome

1. 廣爲人知的console

console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('錯誤信息');

avatar

console.log()和console.info()我認爲幾乎沒有什麼區別,有的瀏覽器console.info()前面會有一個小圖標,我用的是chrome瀏覽器因此沒有什麼區別瀏覽器

2. 你不知道的console

2.1 清空控制檯信息

console.clear();

2.2 計數統計

console.count();

avatar

2.3 清空計數統計

console.countReset();

avatar

2.4 計時功能

console.time();
console.console.timeEnd();

avatar

計算代碼的運行時間,對檢查及提高代碼性能頗有用性能

2.5 追蹤調用堆棧

console.trace();

avatar

在複雜的調用過程當中,能夠很清楚的看到調用走向spa

以上,就是我列舉的比較實用和比較有用的console。固然,還有一些其餘的好比console.group();console.groupEnd();
console.table();前面兩個是進行分組展現的,後面一個是展現表格的,可是我以爲用處不大,因此就再也不這裏詳細介紹了,
有興趣的小夥伴能夠去看看,仍是比較有意思的~3d

相關文章
相關標籤/搜索