console大全

JavaScript中控制台console命令大全

最近学习中发现console命令比我想象的多得多,就打算了解一下,顺便作为我的第一篇博客

内容摘自https://segmentfault.com/a/1190000004528137

  • console.log () 输出指定值到控制台中

    可以用于输出带CSS格式的信息
    console大全_第1张图片

  • console.assert ( expression , object[ , object…] ) 至少接收两个参数,用来判断第一个参数的结果是否为true,如果为false,则会抛出第二个参数的值。

    var a=2;
    var b=3;
    console.assert(a==b,'a!=b false,输出第二个参数'); //a!=b false,输出第二个参数
    console.assert(a!=b,'true'); //undefined
    
  • console.count ( [lable] ) 输出执行到该行的次数

    for(var i=0;i<3;i++) {
    	console.count('count:');
    }
    //count:1
    //count:2
    //count:3
    
  • console.dir () 用来对一个对象进行检查,以易于阅读的方式输出(笔者注:在我看来.log()没啥区别),该方法对于输出DOM对象很有用,可以显示DOM对象所有属性(log()只能输出页面BOM结构)
    console大全_第2张图片console大全_第3张图片

  • console.time () , console.timeEnd () 两个方法配合使用,用于计时,可以计算出一个操作花费的时间

    console.time('time is')
    for(var i=0;i<100000;i++) {
    	i+=i;
    }
    console.timeEnd('time is')
    //time is: 0.01416015625ms
    
  • console.warn () console.error () warn()方法用于输出指定的黄色警告信息,error()方法用于输出红色错误信息

  • console.table () 对于复合类型数据,可以以表格的形式输出,若不符合表格形式输出,则以默认形式输出
    console大全_第4张图片

目前暂时记录到这里了

你可能感兴趣的:(学习笔记)