牛骨文教育服务平台(让学习变的简单)
博文笔记

console.time优化js代码

创建时间:2018-02-24 投稿人: 浏览次数:159

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

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

作为常识,我们首先要知道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

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

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。