@拭目以待：首發(fā)于你不知道的console
在代碼執(zhí)行不如意的情況下疫诽，最常用的就是使用debuger 和 console.log();然而關(guān)于console辕棚，比想像的更強大纤勒。
- 使用不同的方法來區(qū)分信息的不同
console.log('日志');
console.info('信息');
console.error('錯誤');
console.warn('警告');
- 通過占位符對信息進(jìn)行編輯
console.log('字符=> %s', 'baukh');
console.log('%d年%d月%d日', 2017, 3, 10);
console.log('浮點數(shù)=> %f', 3.1415926);
console.log('對象=> %o', {'name': 'baukh', age: '30'});
console.log('%c更改顏色與背景', 'background:#aaa;color:#bada55');
- 打印樹狀結(jié)構(gòu)
console.group('山西省');
console.log('太原市');
console.log('運城市');
console.groupEnd();
console.group('陜西省');
console.log('西安市');
console.log('咸陽市');
console.groupEnd();
- 以目錄形式顯示Object
var o = {name:'baukh', age: 30}
console.dir(o);
- 顯示函數(shù)在棧內(nèi)的調(diào)用軌跡
function add(a,b){
console.trace();
return a+b;
}
var x = add3(1,1);
function add3(a,b){return add2(a,b);}
function add2(a,b){return add1(a,b);}
function add1(a,b){return add(a,b);}
- 計時器，接受一個參數(shù)作為標(biāo)識
console.time('統(tǒng)計計時');
for(var i=0; i< 500; i++){
}
console.timeEnd('統(tǒng)計計時');
需要注意的是, .time()與.timeEnd() 的參數(shù)相同的情況下篓冲，所計算的值才為 .time() 與 .timeEnd() 之間代碼執(zhí)行所用的時間芦岂。
- 將數(shù)據(jù)打印成表格
var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
console.table(people);
該博文知識點來源自 MDN
@拭目以待
個人站點：www.lovejavascript.com
表格管理插件:gridmanager.lovejavascript.com && github地址
QQ交流群 (452781895)：How To Make Love
微信公眾賬號：loveJavascript
