【笔记】JS的console对象

发表于 更新于 阅读次数：

前言

JS中的console对象学习笔记

断言

1
console.assert(布尔表达式, "如果布尔表达式为假，则将这句话作为报错输出");

以对象的形式输出数据

1
console.log({});

输出原本数据类型的数据

1
console.log(0);
1
console.log("");
1
console.log({});
1
console.log([]);

输出多个数据

  • 多个数据会以空格分隔输出
1
console.log(0, "", {}, []);

格式化输出

定义样式

  • 通过%c作为占位符，在第二个参数中通过CSS定义占位符之后所有文本的样式
1
console.log("%c Text", "color: red;");

字符串

1
console.log("%s", "");

整数

1
console.log("%d", 0);

浮点数

1
console.log("%f", 0.0);

对象

1
console.log("%o", obj);

以表格的形式输出数据

1
console.table([]);

以下拉菜单的形式输出

1
console.dir("文本内容");

将所有相同值的输出折叠

1
console.groupCollapsed("文本内容");

添加计数

1
console.count("文本内容");

统计时间

开始统计

1
console.time();

查看统计结果

  • 统计结果可以查看多次
1
console.timeLog();

追踪堆栈信息

1
console.trace("文本内容");

完成

参考文献

知乎——邵励治
哔哩哔哩——鱼C-小甲鱼
CSDN——锦天