欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

console.time优化js代码

程序员文章站 2022-04-10 12:03:43
...

要做一个擅于学习的人,不管任何方式的习得

关于代码优化,除了设计模式、代码简洁、功能函数的封装、易维护之外,我们还需要考虑的一点也非常重要,尤其是检测一些逻辑的复杂性上,那就是代码的实际执行时间。

作为常识,我们首先要知道console.time() 以及timeEnd()已经为我们提供了api,可以方便的检测代码段的执行时间,每一个计时器必须拥有唯一的名字,页面中最多能同时运行10,000个计时器,最终会返回一个代码段执行的计时:timerName:Nnumber ms

mdn参考文档:console.time

for循环

众所周知,for循环是非常低效的方式,但有些时候可能没有更好的方法找到某条件的元素,但一定要注意我们在找到匹配某条件的元素后要跳出循环,否则就会进行无意义的继续循环,降低代码的执行效率。

代码举例

function test1(){
  console.time(1)
  for(var i = 0 ; i<1000000 ;i++){
    if(i==99) {
      var temp=1
      continue 
    }
  }
  console.timeEnd(1)
}

function test2(){
  console.time(2)
  for(var i = 0 ; i<1000000 ;i++){
    if(i==99) {
      var temp=1
      break 
    }
  }
  console.timeEnd(2)
}
test1()//268.429931640625ms
test2()//0.09326171875ms

哈哈以后可以检测一个函数的执行效率了,貌似也可以用作调试代码用了