js的console你知道多少?
-
列出所有的console属性
console.dir(console) 或者 console.dirxml(console)
-
记录代码执行时间
console.time("test"); var count = 0; for(var i=0; i < 10000; i++) { count++; } console.timeEnd("test");
-
输出消息格式化
console.log("Hello, %s", "world"); 支持的格式符号 %s 字符串 %i %d 整数 %f 浮点 %o dom元素 %O js对象 %c css样式 给输出的消息添加样式 console.log("%cHello %cWorld", "color:red;font-size:xx-large", "color: green;font-size:large");
-
消息分组
console.group() 输入此代码,输出消息可折叠 console.groupCollapsed() 和group的功能类似 console.groupEnd() 退出分组
-
展示调用堆栈
function f1() { f2(); } function f2() { f3(); } function f3() { // 方式1,直接调用trace console.trace(); // 方式2,访问属性 var e = new Error("test"); console.log(e.stack); } f1()
-
用表格展示
console.table({"a":"1","b":"2"})
-
对相同的值计数
console.count("1"); // 1 console.count("1"); // 2
-
清屏
console.clear();
-
断言测试
console.assert(1==="1") // 报错 console.assert(1=="1") // 不报错