在开发过程中对程序进行测试,经常使用浏览器控制台输出相关信息,下面详细介绍console对象的相关方法。
Console 对象 提供了访问浏览器调试模式的信息到控制台
1. console.assert()
方法
用法:该方法在第一个参数为 false 的情况下会在控制台输出信息。该方法必须有两个参数。
语法:console.assert(expression, message)
参数说明:
- expression(必需):布尔值表达式 ,返回 true 或 false。
- message(必需):字符串或对象,要写到控制台的信息或对象。
2. console.error()
方法
用法:该方法用于输出错误信息到控制台。
语法:console.error(message)
,参数必需且类型为String或Object。
3. console.warn()
方法
用法:该方法用于在控制台输出警告信息。
语法:console.warn(message)
,参数必需且类型为String或Object。
4. console.info()
方法
用法:该方法用于在控制台输出信息。
语法:console.info(message)
,参数必需且类型为String或Object。
5. console.log()
方法
同console.info()方法。
6. console.clear()
方法
用法:该方法用于清除控制台所有信息。该方法在执行成功后,会在控制台输出: “Console was cleared”。
语法:console.clear()
7. console.table()
方法
用法:该方法用于在控制台输出表格信息。
语法:console.table(tabledata, tablecolumns)
参数说明:
- tabledata(必需):类型为Array 或 Object,填充到表格中的数据。
- tablecolumns(可选):类型为Array,一个数组,表格标题栏的名称。
8. console.time()
方法和console.timeEnd()
方法
用法:console.time()方法是作为计算器的起始方法。该方法一般用于测试程序执行的时长。需要结合console.timeEnd()
方法使用.
console.timeEnd()
方法为计算器的结束方法,并将执行时长显示在控制台。
如果一个页面有多个地方需要使用到计算器,可以添加标签参数来设置。
语法:
console.time(label)
console.timeEnd(label)
示例:
console.time();
for (i = 0; i < 100000; i++) {
// 代码部分
}
console.timeEnd();
console.time("Runoob");
for (i = 0; i < 100000; i++) {
// 代码部分
}
console.timeEnd("Runoob");
参考教程:
Console 对象 | 菜鸟教程: https://www.runoob.com/jsref/obj-console.html