我的测试人生........

【转】使用console进行性能测试和计算代码运行时间

上一篇 / 下一篇  2015-05-04 22:05:58 / 个人分类：测试技术

查看( 735 ) / 评论( 0 ) / 评分( 0 / 0 )
对于前端开发人员，在开发过程中经常需要监控某些表达式或变量的值，如果使用用 debugger 会显得过于笨重，最常用的方法是会将值输出到控制台上方便调试。
　　最常用的语句就是console.log(expression)了。
　　从早前一道阿里实习生招聘笔试题目入手：
function f1() {
console.time('time span');
}
function f2() {
console.timeEnd('time span');
}
setTimeout(f1, 100);
setTimeout(f2, 200);
function waitForMs(n) {
var now = Date.now();
while (Date.now() - now < n) {
}
}
waitForMs(500);//time span: 0ms
　　我们先说说关于console的高级操作，最后在一起分析这道题目。
　　trace
　　console.trace()用来追踪函数的调用过程。
　　在大型项目尤其是框架开发中，函数的调用轨迹可以十分复杂，console.trace()方法可以将函数的被调用过程清楚地输出到控制台上。
function tracer(a) {
console.trace();
return a;
}
function foo(a) {
return bar(a);
}
function bar(a) {
return tracer(a);
}
var a = foo("tracer");
table
　　使用console将对象以表格呈现
　　可将传入的对象，或数组以表格形式输出，相比传统树形输出，这种输出方案更适合内部元素排列整齐的对象或数组，不然可能会出现很多的 undefined。
var people = {
flora: {
name: 'floraLam',
age: '12'
},
john: {
name: 'johnMa',
age: '45'
},
ray:{
name:'rayGuo',
age:'22'
}
};
console.table(people);火狐的控制台：
　　time timeEnd
　　计算程序的执行时间
　　可以将成对的console.time()和console.timeEnd()之间代码的运行时间输出到控制台上
　　console.time('计时器');for (var i = 0; i < 1000; i++) {      for (var j = 0; j < 1000; j++) {}
　　}
　　console.timeEnd('计时器');
　　以上代码计算console.time("计时器");和console.timeEnd("计时器");之间的代码块所需要的事件。
　　profile
　　使用console测试程序性能
　　开发中，我们常常要评估段代码或是某个函数的性能。在函数中手动打印时间固然可以，但显得不够灵活而且有误差。借助控制台以及console.profile()方法我们可以很方便地监控运行性能。
function parent() {
for (var i = 0; i < 10000; i++) {
childA()
}
}
function childA(j) {
for (var i = 0; i < j; i++) {}
}
console.profile('性能分析');
parent();
console.profileEnd();
　　上述代码计算console.profile("性能分析");和console.profileEnd();之间，代码块中涉及的函数的运行效率。
　　现在说回笔试题目
　　题目考察应聘者对console.time的了解和js单线程的理解。

收藏 举报

TAG:

 

评分：0

我来说两句

Open Toolbar