console让程序不再有秘密

console这个东西真的每次都能给我惊喜,程序如果不出问题,绝对不会用它,只有当出了问题不知道错在哪里的时候,一定第一个想到它(虽然还有二老婆debugger,但是绝对代替不了console在我心中的位置(认真脸)),总结一下我使用过的console方法,纪念一下我们一起调试的时光。
console对象
JavaScript 原生中默认是没有 Console 对象,这是宿主对象(也就是游览器)提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。
Console 对象常见的两个用途:
1.显示网页代码运行时的错误信息。
2.提供了一个命令行接口,用来与网页代码互动。

方法:

  1. assert(a, b)
    第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会输出第二个参数,否则不会有任何结果。
    在这里插入图片描述
    在这里插入图片描述

  2. clear()
    清除当前控制台的所有输出,将光标回置到第一行。
    在这里插入图片描述

  3. count()
    用于计数,输出它被调用了多少次。
    countReset()
    重置
    在这里插入图片描述
    在这里插入图片描述

  4. error()
    输出信息时,在最前面加一个红色的叉,表示出错,同时会显示错误发生的堆栈。
    在这里插入图片描述
    在这里插入图片描述

  5. group()
    用于将显示的信息分组,可以把信息进行折叠和展开。
    groupEnd()
    结束内联分组
    在这里插入图片描述

groupCollapsed()
与console.group方法很类似,唯一的区别是该组的内容,在第一次显示时是收起的(collapsed),而不是展开的。
在这里插入图片描述

  1. log()
    输出信息
    info()
    console.log 别名,输出信息
    在这里插入图片描述

  2. table()
    将复合类型的数据转为表格显示。
    在这里插入图片描述

  3. time() 计时开始
    timeEnd() 及时结束
    在这里插入图片描述

  4. trace()
    追踪函数的调用过程
    在这里插入图片描述

  5. warn()
    输出警告信息

在这里插入图片描述
11. debug()
输出“调试”级别的消息且仅仅控制台配置为显示调试输出时才显示该消息。

  1. dir()
    在控制台中显示指定JavaScript对象的属性,并通过类似文件树样式的交互列表显示。

在这里插入图片描述以上内容参考了多位大佬的博客,如果有涉及侵权,请联系我删除

发布了30 篇原创文章 · 获赞 6 · 访问量 4733

猜你喜欢

转载自blog.csdn.net/EcbJS/article/details/104797322