js的console你知道多少

js的console你知道多少？

1. 列出所有的console属性

   console.dir(console) 或者console.dirxml(console)

2. 记录代码执行时间

   console.time("test");var count = 0;for(var i=0; i < 10000; i++) { ???count++;}console.timeEnd("test");

3. 输出消息格式化

   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");

4. 消息分组

   console.group() 输入此代码，输出消息可折叠console.groupCollapsed() 和group的功能类似console.groupEnd() 退出分组

5. 展示调用堆栈

   function f1() { ???f2();}function f2() { ???f3();}function f3() { ???// 方式1，直接调用trace ???console.trace(); ???// 方式2，访问属性 ???var e = new Error("test"); ???console.log(e.stack);}f1()

6. 用表格展示

   console.table({"a":"1","b":"2"})

7. 对相同的值计数

   console.count("1"); // 1console.count("1"); // 2

8. 清屏

   console.clear();

9. 断言测试

   console.assert(1==="1") // 报错console.assert(1=="1") // 不报错

js的console你知道多少

原文地址：https://www.cnblogs.com/ye-hcj/p/10332102.html