巧用局部变量提升javascript性能
2014-02-24 00:00
746 查看
javascript中一个标识符所在的位置越深,它的读写速度也越慢。因此,函数中读写局部变量总是最快的,而读写全局变量通常是最慢的。一个好的经验法则是:如果某个跨作用域的值在函数中被引用一次以上,那么就把它存储到局部变量里。
例如:
该函数引用了三次document,而document是个全局对象。搜索该变量的过程必须遍历整个作用域链接,直到最后在全局变量对象中找到。你可以通过以下方法减少对性能的影响:先将全局变量的引用存储在一个局部变量中,然后使用这个局部变量代替全局变量。
例如:
例如:
<!-- 优化前 --> <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性能
- 脚本合并提升javascript性能示例
- JS清空多文本框、文本域示例代码
- js判断为空Null与字符串为空简写方法
- java调用javascript :js引擎rhino
- JavaScript学习
- Javascript高级技巧
- JavaScript学习笔记(二)---HTML DOM
- 关于使用js进行表单提交操作引发的表单重复提交问题
- jsp:useBean用法
- mybatis 处理数组类型及使用Json格式保存数据 JsonTypeHandler and ArrayTypeHandler
- javascript数据类型
- jsp基础语法二:
- Extjs 点击编辑的时候有一个省市级联,市ComboBox不能选中displayField
- 自己收集原生js-2014-2-23
- js(复选框,全选,全部选,反选教程)
- JSP内置对象
- JavaScript学习笔记(一)
- JS禁止右键
- doT.js模板和pagination分页应用