console的使用

来源:互联网 发布:模拟电子琴单片机程序 编辑:程序博客网 时间:2024/06/08 14:32
<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>


运行结果如下↓



原创粉丝点击