console对象常用的打印方法

Posted x0815

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了console对象常用的打印方法相关的知识,希望对你有一定的参考价值。

1、console.log():调试中最常用的方法,用于在控制台窗口显示信息。      ------>     console.log(123);  //123

 

2、console.warn():输出信息时,在最前面加一个黄色三角,表示警告         ------>  console.warn(‘输出警告信息‘);     //输出警告信息

 

3、console.error():输出信息时,在最前面加一个红色叉,表示出错       ------>   console.error(‘输出错误信息‘); //输出错误信息

 

4、console.assert():用来验证某个条件是否为真,如果是假,则显示一条事先指定的错误信息   ----> console.assert(true == false, ‘判断条件不成立‘); //判断条件不成立

 

5、console.time()和console.timeEnd():用于计算一个操作所花费的准确时间 

//time: 0.06ms
console.time(‘time‘);
for (var i = 0; i > 100000000; i++){}
console.timeEnd(‘time‘)


6、console.dirxml():用于显示网页元素的代码结构

//显示当前元素的代码结构
var oDiv = document.getElementById(‘one‘);
console.dirxml(oDiv)

 

7、console.group()和console.groupend():这两个方法用于将显示的信息分组。它只在输出大量信息时有用,分在一组的信息,可以用鼠标折叠/展开。

    console.group(‘组1‘)
    console.log(‘组1信息01‘);
    console.log(‘组1信息02‘);
    console.groupEnd(‘组1‘)

    console.group(‘组2‘)
    console.log(‘组2信息01‘);
    console.log(‘组2信息02‘);
    console.groupEnd(‘组2‘)

以上是关于console对象常用的打印方法的主要内容,如果未能解决你的问题,请参考以下文章

前端开发常用js代码片段

javascript_console调试常用方法

前端开发中最常用的JS代码片段

webstorm代码片段的创建

javascript console对象 常用的方法

打印对象时,console.log 如何确定要打印的属性?