1..console.log()
我们经常会使用console.log
来打印出某个变量的值或者某个实体对象,也可以传入多个变量参数,它会按照传入顺序进行打印
2.console.warn()
你可以完全使用console.warn
来代替console.log
方法,但前提是该条打印信息是属于警告级别而不是普通信息级别,因此浏览器遇到一条警告级别的信息会区别对待,最明显的是它的左侧会有一个警告图标,并且背景色和文字颜色也会不一样。
3.console.table()
在我们的项目开发中经常会遇到对象数组形式的列表数据,在调试过程中我们可能会使用console.log
方法打印出这些数据来进行查看,但比起前者,还可以使用一种比较可视化的方式来进行打印。例如,这里准备一些列表数据:
const response = [
{
id: 1,
name: 'Marry',
age: 18,
sex: 0
},
{
id: 2,
name: 'John',
age: 20,
sex: 1
}
];
复制代码
然后我们使用console.log
来进行打印:
可以看出,我们打印出的结果并不够直接,没有给人一种一目了然的效果,接着换着使用
console.table
来打印: 可以看到,我们的列表数据被清晰完整地展现在了表格当中,同时
console.table
提供第二个可选参数用于筛选表格需要显示的列,默认为全部列都显示。 上图我们通过添加第二个参数,数组中为需要在表格中显示的字段名,这样就很方便地在结果数据中过滤掉我们不需要关心的信息。
其他可以观看源文档地址:https://juejin.im/post/5ddd373cf265da05d7582ce8