js控制台不同的打印方式

Posted winteronlyme

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js控制台不同的打印方式相关的知识,希望对你有一定的参考价值。

在控制台单个输出:
  console.log(...):值
  console.info(...):信息
  console.debug(...):调试信息
  console.warn(...):警告信息

console.log("1");//值
console.info("1");//信息
console.debug("1");//调试信息
console.warn("1");//警告信息
console.error("1");//错误信息

占位符:
  %d:整数
  %f:浮点数
  %s:字符串
  %o:对象

console.log("%d年%d月%d日",2014,5,24);//2014年5月24日
console.log("%d年%s月%d日",2014,"5",24);//2014年5月24日

在控制台分组输出:
  console.group(...)和console.groupEnd()中间的输出表示一组。

console.group("第一组");
console.log("101");
console.log("102");
console.log("103");
console.groupEnd();

在控制台显示如下:

显示对象的属性和方法:
  console.dir(...)

例如:

显示代码运行时间:
  console.time(...)和console.timeEnd(...)

console.time("test");

for(var i=0;i<100000;i++){}

console.timeEnd("test");

结果如下:

以上是关于js控制台不同的打印方式的主要内容,如果未能解决你的问题,请参考以下文章

Chrome 实用调试技巧

20194626 自动生成四则运算题第一版报告

如何使用javascript打印到控制台?

js之argument详解

js控制台 console 骚操作-打印图片-自定义样式-字符画

argparse 代码片段只打印部分日志