Javascript提速_01_引用变量优化
2010-10-12 00:33
447 查看
说明:为了文章的系统性,将本博文原来的两节内容放到了单独的一篇中,请见:《理解Javascript_12_执行模型浅析》
[b]引用变量优化[/b]
即然我们已经了解了Javascript中变量的访问规则,那我们就来具体分析一下上面代码中alert(document.body.tagName);这一句的具体执行流程:
由此可见,要在Fn2中访问window对象下的document对象的body属性的tagName属性是一个比较漫长的过程(这个问题在IE浏览器中尤为严重)。
那么如何优化呢,通过流程图,我们也能发现问题的原因在于引用的级数太多,在《理解Javascript_01_理解内存分配》一文中也说过,通过引用寻找堆中的实际对象也是要花费时间的,这就是性能的瓶颈。现在问题的关键就是如何减小引用的数目,来看一个最简单易行的方案:
首先,Jquery定义了一个全局的匿名函数,这个函数有两个参数,一个为win,另一个为undefined.这里说明一点,undefined即不是一个关键字,也不是一个保留字,因此它作了参数的变量名是没有问题的。在调用这个匿名函数时,只传递了一个参数window对象,此时,win指向window对象,undefined变量指象window.undefined(深层次的原理,将在以后的文章中探讨)。然后在匿名函数中,Jquery对常用的全局对象都进行了引用,以后在匿名函数中就可以随意的访问这些变量了。
[b]引用变量优化[/b]
即然我们已经了解了Javascript中变量的访问规则,那我们就来具体分析一下上面代码中alert(document.body.tagName);这一句的具体执行流程:
由此可见,要在Fn2中访问window对象下的document对象的body属性的tagName属性是一个比较漫长的过程(这个问题在IE浏览器中尤为严重)。
那么如何优化呢,通过流程图,我们也能发现问题的原因在于引用的级数太多,在《理解Javascript_01_理解内存分配》一文中也说过,通过引用寻找堆中的实际对象也是要花费时间的,这就是性能的瓶颈。现在问题的关键就是如何减小引用的数目,来看一个最简单易行的方案:
现在方便了,从Fn2 Variable Object可以直接定位到document,引用减少了,效率提高了。 [b]Jquery的策略[/b] Jquery对引用变量的优化也下足了功夫,下面来看一下Jquery的相关代码: (function(win, undefined) { var jQuery = function(selector, context) { return new jQuery.fn.init(selector, context); }, document = window.document, push = Array.prototype.push, slice = Array.prototype.slice; win.$ = win.jQuery = jQuery; })(window);
首先,Jquery定义了一个全局的匿名函数,这个函数有两个参数,一个为win,另一个为undefined.这里说明一点,undefined即不是一个关键字,也不是一个保留字,因此它作了参数的变量名是没有问题的。在调用这个匿名函数时,只传递了一个参数window对象,此时,win指向window对象,undefined变量指象window.undefined(深层次的原理,将在以后的文章中探讨)。然后在匿名函数中,Jquery对常用的全局对象都进行了引用,以后在匿名函数中就可以随意的访问这些变量了。
相关文章推荐
- 01-JavaScript之变量
- 谈谈JavaScript中的变量、指针和引用
- javascript优化--01高质量编码
- JavaScript 在双引号之间引用变量
- 使用RequireJS优化JavaScript引用代码的方法
- JavaScript_01 语法、关键保留字及变量
- JavaScript变量类型:值类型与引用类型
- Javascript : 变量存放的是引用还是值
- 关于JavaScript中变量的相互引用
- GCC 编译试验:引用变量和循环优化
- javascript 变量、数据类型、语句、函数小总结 01
- JavaScript中几种常用的解决for循环中引用同一循环变量对象的方法
- JavaScript 引用c#控件变量 同 隐藏自定义控件提示
- JavaScript 变量引用问题总结
- 使用javascript比较数字大小和引用C#后台变量的注意事项
- JavaScript学习01 语言简介、基本使用和变量声明
- javascript学习笔记(一):基础、输出、注释、引用、变量、数据类型
- php与javascript之间变量引用问题
- JavaScript中变量的LHS引述和RHS引用
- 【JavaScript】(2)标识符与关键字\基本|引用数据类型 \变量 \运算符与表达式\流程控制语句