不要只用console.log 试试其他的consoleAPI

一 最常用的console.log在控制台中输出一条普通的日志消息

   

console.log(1); //1

二 console.error()在控制台打印错误信息

console.error(5)

三 console.warn()在控制台打印警告信息

 console.warn(10)

四 console.info()在控制台打印信息 和console.log() 差不多但在某些浏览器 输出的颜色可能不同来进行区分

console.log(1); //1

五 console.debug()在控制台打印调试信息，在低版本浏览器可能无法使用

console.debug(15)//15

六 console.assert()判断一个条件是否为真，如果为假，则在控制台中输出一个错误消息，如果为真就什么也不输出

   console.assert(1=='1')
   console.assert(1==='1')

七 console.table()， 以表格的形式在控制台中输出一个对象的属性和值。

        let k={age:15,name:'小芳',sex:'女'}
        console.table(k)

八 console.clear(): 清空控制台的输出

        let k={age:15,name:'小芳',sex:'女'}
        console.table(k)
        console.log(1);
        console.log(1);
        console.log(1);
        console.log(1);
        console.log(1);
        console.log(1);
        console.log(1);
        console.clear()

九 console.time() 和 console.timeEnd(): 用于计算代码块的执行时间

        function ftn(){
            for(let i=0;i<100000;i++){
            }
        }
        console.time('11')
        ftn()
        console.timeEnd()
        console.log('');

        console.time()
        ftn()
        console.timeEnd()

十 console.group() 和 console.groupEnd(): 创建一个分组，用于将相关的日志信息进行分组显示。

        console.group('哈哈')
        console.log(500);
        console.groupEnd()
        
        console.group('呵呵')
        console.log(5010);
        console.groupEnd()

十一 console.trace(): 输出函数的调用顺序

          async function ftn(){
                await ftn1()
                ftn2()
            }   
           function ftn1(){
            console.trace() 
            console.log('ftn1');
           }    
           function ftn2(){
            console.log('ftn2');
           }  
           ftn()