新闻中心当前位置:星鸿娱乐 > 新闻中心 > >

巧用局部变量提升javascript性能

  

[局部变量,提升性能]巧用局部变量提升javascript性能

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

  
  
例如:  
代码如下:

  
  
  
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";  
}  
  

(责任编辑:admin)

上一篇:微信小程序 实现tabs选项卡效果实例代码

下一篇:星鸿娱乐平台:前端必备神器 Snap.svg 弹动效果

推荐内容

客户服务热线

400 888 8932

在线客服