javascript性能提升——巧用局部变量
2014-02-18 17:43
316 查看
——authored by 李家优
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性能提升——访问集合元素时使用局部变量
- 13 个 JavaScript 性能提升技巧
- JavaScript执行效率与性能提升方案
- 谷歌用并行JavaScript编译提升浏览器性能
- 13个JavaScript 性能提升技巧
- ASP.NET站点性能提升-提高JavaScript加载
- V8 JavaScript 引擎 6.6 发布,异步性能大幅提升
- javascript字符串连接性能提升
- JavaScript的记忆函数真的可以提升性能吗?
- JavaScript的记忆函数真的可以提升性能吗?
- javascript性能提升——减少循环迭代的工作量
- JavaScript 性能提升的13个小技巧
- Web性能优化系列:10个JavaScript性能提升的技巧
- JavaScript 性能提升技巧
- javascript性能提升——减少遍历集合的开销
- JavaScript提升性能的常用技巧总结【经典】
- Rails gem 打包css javascript 提升网站性能 jammit 简介
- JavaScript执行效率与性能提升方案
- 脚本合并提升javascript性能示例