利用console.time优化js代码

前言

也许你常常会想知道如何优化本身的代码，除了设计模式、代码简洁、易维护以外，咱们还须要考虑的一点也很是重要，尤为是检测一些逻辑的复杂性上，那就是代码的实际执行时间。

console.time(timerName)

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

在这个以前咱们多是经过代码开始和结束位置加入new Date()来查看时间差对比代码执行效率。

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
复制代码

codepen实例

console.time案例

总结

经过以上时间的直接证实，咱们能够看出某些必要的逻辑优化以及代码优化是很是必要的（好比逻辑完成时及时跳出当前逻辑尤为循环逻辑），对于代码执行效率上总结出来的一些经验但是很是宝贵的编程思想or技巧。