巧用局部变量提升javascript性能

javascript中一个标识符所在的位置越深,它的读写速度也越慢。因此,函数中读写局部变量总是最快的,而读写全局变量通常是最慢的。一个好的经验法则是:如果某个跨作用域的值在函数中被引用一次以上,那么就把它存储到局部变量里。

例如:
复制代码 代码如下:

<!-- 优化前 -->
<script type="text/javascript">
function initUI () {
var bd = document.body,
links = document.getElementByTagName("a"),
i=0,
len=links.length;
while(i < len){
update(links[i++]);
}

document.getElementById("go-btn").onclick = function(){
start();
}

bd.className = "active";
}
</script>

该函数引用了三次document,而document是个全局对象。搜索该变量的过程必须遍历整个作用域链接,直到最后在全局变量对象中找到。你可以通过以下方法减少对性能的影响:先将全局变量的引用存储在一个局部变量中,然后使用这个局部变量代替全局变量。

例如:
复制代码 代码如下:

<!-- 优化后 -->
<script type="text/javascript">
function initUI () {
var doc=document,
bd = doc.body,
links = doc.getElementByTagName("a"),
i=0,
len=links.length;
while(i < len){
update(links[i++]);
}

doc.getElementById("go-btn").onclick = function(){
start();
}

bd.className = "active";
}
</script>

您可能感兴趣的文章:

  • JavaScript中变量提升 Hoisting
  • javascript中的变量作用域以及变量提升详细介绍
  • JS中作用域和变量提升(hoisting)的深入理解
  • js变量提升深入理解
  • 深入理解Javascript作用域与变量提升
  • 详解javascript中的变量提升和函数提升
  • javascript变量提升和闭包理解
  • JavaScript中Hoisting详解 (变量提升与函数声明提升)
  • 最通俗易懂的javascript变量提升详解
  • JS温故而知新之变量提升和时间死区