console
對象在前端調(diào)試中必不可少厨姚,但是大多數(shù)人都只會用console
對象的log()
方法炒考。但console
對象中還有其它幾個有用的方法鬓照。
1. 基本字符串和json對象如下
var str = "Hello World!";
2. console.log()用太多直接跳過
3.console.group()與console.groupEnd()連用
分組打印全跨,下方所有console.group()與console.groupEnd()是為了更好的分組顯示而寫的
console.group('console.error() ');
console.log(str);
console.groupEnd('');
chrome瀏覽器測試如下圖:
4. 打印調(diào)試信息
console.debug()
console.group('console.debug');
console.debug(str);
console.groupEnd('');
console.info()藕赞,打印一個提示信息
console.group('console.info');
console.info(str);
console.groupEnd('');
console.warn()成肘,打印一個警告
console.group('consoel.warn()');
console.warn(str);
console.groupEnd('');
console.error(),打印一個錯誤
console.group('console.error()');
console.error(str);
console.groupEnd('');
console.assert() 條件判斷false
打印信息**
console.group("console.assert()");
console.assert(false);
console.assert(400>500,'true不會打印斧蜕,false才會打印');
console.groupEnd();
上分幾個打印效果chrome瀏覽器測試如下圖
5.console.table()双霍,把對象打印成為一個table表
var json = {
"item1": {"name": "張三","age": 23},
"item2": {"name": "李四","age": 54},
"item3": {"name": "王五","age": 34}
}
console.group("console.table()");
console.table(json);
console.groupEnd();
chrome瀏覽器測試如下圖
console.dir()打印對象
console.group("console.dir()");
console.dir(json);
console.groupEnd();
chrome瀏覽器測試如下圖
6.console.time()和console.timeEnd(),這兩個方法用于計時批销,可以算出一個操作所花費(fèi)的準(zhǔn)確時間
console.time("test1");
var a = 1 + 2;
console.timeEnd("test1");
console.time("test2");
var a = 1 + 2;
console.timeEnd("test2");
chrome瀏覽器測試如下圖
<a >更多前端精彩</a>