如何检查/比较我的JavaScript代码速度/性能?

如何检查/比较我的JavaScript代码速度/性能?,javascript,performance,Javascript,Performance,有没有办法在我的pc/浏览器上检查/比较JavaScript代码的性能 像 方法1: var x = 3; if (x === 1) { console.log(1); } else { console.log(2); } 方法2: var x = 3; switch (a) { case 1: console.log(1); break; default: console.log(2); } console.time('Method #2'

有没有办法在我的pc/浏览器上检查/比较JavaScript代码的性能

方法1:

var x = 3;
if (x === 1) {
  console.log(1);
} else {
  console.log(2);
}
方法2:

var x = 3;
switch (a) {
  case 1: 
    console.log(1);
    break; 
  default: 
    console.log(2);
  }
console.time('Method #2');

var x = 3;
switch (a) {
 case 1: 
   console.log(1);
 break; 
default: 
   console.log(2);
}

console.timeEnd('Method #2');
这里,“方法1”和“方法2”都做同样的事情,如果我在互联网上搜索,可能会有几个基准来证明哪种方法更快/更有效

但我想自己检查一下(离线方法,我的意思是在我的电脑上会更好)


谢谢:)

是的,您可以使用“console.time”检查性能

试试这个

对于方法1:

console.time('Method #1');

var x = 3;
if (x === 1) {
  console.log(1);
} else {
  console.log(2);
}

console.timeEnd('Method #1');
对于方法2:

console.time('Method #2');

var x = 3;
switch (a) {
 case 1: 
   console.log(1);
 break; 
default: 
   console.log(2);
}

console.timeEnd('Method #2');

检查谢谢,我已经看到了,但是有什么方法可以在我的浏览器/电脑上这样做吗?就像Chrome开发工具有很多功能一样,它也支持性能检查吗?@MARUF:Chrome的开发工具中有性能方面的东西,是的,但是作为一次性工具,你不会看到足够的差异来衡量。你必须使用一个循环,这会给你带来各种各样的问题,因为你正在测试的是合成的而不是真实的。@MARUF:FYI,与C或Java不同,
switch
if
/
else
在JavaScript中实际上是相同的东西。我希望上面的两个代码示例,如果它们被确定为性能关键的,最终会被Chrome的V8引擎编译成相同的机器代码。@MARUF:而不是提前进行微优化,在实际代码中,如果出现性能问题,请及时做出响应。我怀疑这是否会产生任何合理的时间安排。最好将每个方法运行几个100Ktimes@robertklep它肯定不会,因为现代引擎(去优化)会随着代码升温。@zerkms是的,即使是那些“100K”迭代也可能不会用这段代码产生任何真正有用的结果。@robertklep如果不完全相同,很有可能两者都会被优化为非常相似的结果:-)