前端开发：console常用方法详解-CSDN博客

本文链接：https://blog.csdn.net/m0_55258023/article/details/125737045

本文介绍了前端开发中常用的console方法，包括console.log、console.error、console.warn、console.assert、console.count、console.time和console.timeEnd，以及如何使用console.table更直观地查看数组和对象数据。这些工具对于调试和日志记录非常有用。

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

前端开发中离不开console，可以说是经常去使用的。

console 的方法有很多，我就给大家列出简单的几种常用的

console.log(window.console);//打印信息

console.error('报错信息');//打印报错，但是不会影响代码继续执行

console.warn('警告信息');//警告信息

console.assert(isDebug, '打印报错信息')断言

console.count('My被执行的次数：')

console.time('for')循环开始时间

console.timeEnd('for');//循环结束时间

console.table(list);//让数组和对象数据更加直观的可以看到

console.table()效果

代码放在下面，大家有兴趣可以粘贴去尝试使用

console.log(window.console);//打印信息
        console.error('报错信息');//打印报错，但是不会影响代码继续执行
        console.warn('警告信息');//警告信息
        let isDebug = false
        console.assert(isDebug, '打印报错信息')//断言，判断当条件为false，会打印错误信息（不影响代码继续执行）
        
        function Myfn(){
            console.count('My被执行的次数：')

        }
        Myfn()
        Myfn()
        Myfn()

        console.time('for')
        let array = new Array(100000)
        for (let index = 0; index < array.length; index++) {
           let obj=new Object()
        }
        console.timeEnd('for');//循环执行需要多少时间


        let list = [{ name: '张三', age: 18, sex: '男' }, { name: '王美丽', age: 19, sex: '女' }, {}]//这里不知道为什么我的浏览器不显示最后一个，所以我就在数组后面加了一个空对象

        console.table(list);//让数组和对象数据更加直观的可以看到

console常用的方法