测试 js 执行 效率时间问题

做了一个添加地址的效果。

数据都是从服务器拿到的，感觉执行的时候非常慢

so....我想看下时间...

1.早期看执行时间

function testFunctionTime(fn) {
　　var start = new Date().getTime();
　　if (fn) fn();
　　var end = new Date().getTime();
　　console.log(end-start);
}

2.遇到 ajax 和 img.onload 的时候那就很尴尬了...

这里介绍新的方法

console.time(label) 和 console.timeEnd(label) 组合使用

例如

<script type="text/javascript">
            test();
            function test(){
                console.time("耗时时间：");
                for(var i=0; i<100; i++){
                    i=i+1;
                    console.log(i)
                }
                console.timeEnd("耗时时间：")
            }
            
        </script>
输出 耗时时间：: 11.036ms

 

3.补充

console.count(label)  输出运行次数

console.table(object|array)  输出表格形态的数据（在动态绘制的检查时用的较多）

console.group(label) 和 console.groupEnd(label) 将 console 结果进行分组（分类及减少输出版面，但也加大了我们的脑回路呀）（group = groupCollapsed 是一样的）

console.trace() 检测方法的调用来源，超级赞

console.profile(label) 和 console.profileEnd(label) 是 time 的升级版，不但测速，直接测性能了，需要到 profile 面板里面才能看到结果

console.assert(boolean, string) 提示报错可以少个判断

console.log 可以带样式。例如console.log("%cHello","color:red");