console的使用

<script>
	    (function(){
	       // console.dir(Promise);
            console.log("console的使用");
            
            //assert(条件，错误提示)
            var b = "assert的测试 我变成了一个错误提示 当a返回的不是true的时候我将会被打印";
            var a = function(){
                return 0;
            }
            console.assert(a(),b)
            //count（数字前带的字符串）
            var c = function(){
                for(var i=0;i<5;i++){
                    console.count("count");
                }
            }
            c();
            
            //dir(boject)将传入对象的属性，包括子对象的属性以列表的像是输出
            var d = {
                name:"dirName",
                age:12,
                list:["1","2","3"]
            }
            console.dir(d);
            
            //error(会表示为错误信息)
            console.error("我这里是错误信息");
            
            //console.group()以及console.groupEnd()配对使用用于输出有层次感
            console.group("我是祖父");
                console.group("我是父亲");
                    console.log("我是儿子");
                    console.log("我是姐姐");
                console.groupEnd();
                console.group("我是叔叔");
                    console.log("我是大表姐");
                console.groupEnd();
                console.log("我是姑姑");
            console.groupEnd();
            
            //console.groupCollapsed()用法跟console.group 只不过输出是折叠状态
            console.log("========================")
            console.groupCollapsed("我是祖父");
                console.groupCollapsed("我是父亲");
                    console.log("我是儿子");
                    console.log("我是姐姐");
                console.groupEnd();
                console.groupCollapsed("我是叔叔");
                    console.log("我是大表姐");
                console.groupEnd();
                console.log("我是姑姑");
            console.groupEnd();
            
            //console.table()将传入的数组或者对象以表格的形式输出、
            var e = {
                    one:{
                        name:"张三",
                        age:34,
                        books:["数学","英语","语文"]
                    },
                    two:{
                        name:"李四",
                        age:12
                    }
                };
            console.table(e);
            console.table(e.one);
            
           // console.profile()和profileEnd成对出现 打印某个函数性能消耗的时间
            console.profile('性能分析');
            c();//在浏览器控制面板中打开profiles可以看到该性能分析
            console.profileEnd();
           
           //console.time()和console.timeEnd()成对出现用于输出中间代码运行的时间、两个函数中参数必须一致
           console.time("C运行时间");
           c();
           console.timeEnd("C运行时间");
            
           //console.trace();打印函数被调用的过程
           var f = function(b){
               console.trace();
               return b
           }
           var g = function(){
               f(22);
           }
           var gg = function(){
               f();
           }
           gg();
           
           //console.warn("这里是警告内容");
           console.warn("作为警告出现");
           
           //占位符  字符(%s)、整数(%d 或 %i)、浮点数(%f)和对象(%o)
            console.log("%d天后我将出现在%s手里拎着%i只小白兔，每只售价%f,他们分别叫%o",1,"集市上",3,12.56,["小红","小兰","小白"]);
          
          //标示符%c 表示给添加class样式
            console.log("前端是非常%c重要的","color:#fff;background:#f40");
	    })()
	    
	</script>

运行结果如下↓