javascript的几个小技巧

Posted 2020-07-08 侧耳倾听的世界

1.在循环中缓存array.length

   这个技巧很简单，这个在处理一个很大的数组循环时，对性能影响将是非常大的。基本上，大家都会写一个这样的同步迭代的数组.

   for(var i=0;i<array.length;i++) console.log(array[i]); 

 如果是一个小型数组，这样做很好，如果你要处理的是一个大的数组，这段代码在每次迭代都将会重新计算数组的大小，这将会导致一些延误。为了避免这种现象出现，可以将array.length做一个缓存：

  var length=array.length;   for(var i=0;i<array.length;i++) console.log(array[i]); 

2.检测对象中的属性

  当你需要检测一些属性是否存在，避免运行未定义的函数或属性时，这个小技巧就显得很有用。如果你打算定些一些跨兼容的浏览器代码，你也可能会用到这个小技巧。例如，你想使用document.querySelector()来选择一个id，并且让它能兼容IE6浏览器，但是在IE6浏览器中这个函数是不存在的，那么使用这个操作符来检测这个函数是否存在就显得非常的有用，如下面的示例：

 if(‘querySelector‘ in document){

    document.querySelector("#id");

}else document.getElementById("id");