展会信息港展会大全

巧用局部变量可以有效提升javascript性能 代码示例
来源:互联网   发布日期:2016-01-28 12:55:50   浏览:1727次  

导读:巧用局部变量可以有效提升javascript性能,下面有个不错的示例,大家可以参考下javascript中一个标识符所在的位置越深,它的读写速度也越慢。因此,函数中读写局部变量总是最快的,而读写全局变量通常是最慢的。 ...

巧用局部变量可以有效提升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

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港