Console_API

最新推荐文章于 2025-01-22 23:23:25 发布

mizuhokaga

最新推荐文章于 2025-01-22 23:23:25 发布

阅读量395

点赞数 4

文章标签： javascript 前端 vue.js

本文为博主原创文章，转载请显著位置标明出处，未经博主允许不得用于商业目的。

本文链接：https://blog.csdn.net/qq_44831907/article/details/137672242

版权

本文介绍了JavaScriptConsole_API中的各种常用方法，如log、error、warn、info、clear、table用于数据输出，time和timeEnd用于计时，group和groupEnd用于分组，以及assert进行条件断言。这些方法有助于开发者更有效地调试和控制台输出管理。

摘要由CSDN通过智能技术生成

Console_API

一直只会用console.log(),没想到console有这么多方法
doc: https://developer.mozilla.org/zh-CN/docs/Web/API/Console_API
这里记下常用的:

打印日志
最常用的是log,其他用于打印的日志分级

console.log(): 用于向控制台输出一条普通信息。
console.error(): 用于向控制台输出错误信息。
console.warn(): 用于向控制台输出警告信息。
console.info(): 用于向控制台输出一般信息。
console.clear(): 用于清空控制台上的所有输出。

table()这个方法会以表格的格式打印信息,看起来比较清爽

console.table(obj): 以表格形式输出对象数组的信息

2.计时
console.time([label]) / console.timeEnd([label]): 用于计算代码执行的时间。
两个方法所使用的可选参数字符串label如果填写了必须相同

console.time("time_cal")
for(i=0;i<100<i++){
	;
}
console.timeEnd("time_cal")
// time_cal: 1.2ms

3.分组打印
console.group([label]) / console.groupEnd([label]): 用于在控制台中创建一组输出，便于组织和查看信息。

  console.group()
  console.log(1);
  console.log(2);
  console.groupEnd()
  console.log(11);

效果是打印的1和2会分为一组可以折叠,11不会
4.断言
console.assert():断言方法，用于判断某个条件是否为真，如果为假则输出特定信息。

console.assert(2 === 3, "2 is not equal to 3")