加速IE的Javascript document输出的方法


Posted in Javascript onDecember 02, 2010

将下列代码加在JavaScript的最前面

/*@cc_on _d=document;eval('var document=_d')@*/

加入这样的一行代码IE的document的访问速度至少可以提高5倍以上
下面是加入前和加入后的测试比较代码
// Before 
var date = new Date; 
for (var i = 0; i < 100000; i++) document; 
alert(new Date - date); // 643

/*@cc_on _d=document;eval('var document=_d')@*/ // After 
date = new Date; 
for (var i = 0; i < 100000; i++) document; 
alert(new Date - date); // 145

速度提高了不少吧!

解说:
首先,IE里document就这样直接被调用的话被执行的是window 对象的内部函数,而这个比较低效的。根据这一点,下面的处理可以提高速度:
var doc = document;

document; // 慢
doc; // 这个比上面的(document)快

虽然像上面那么写可以直接使用,但是之前用到document的地方都要去替换,这个有点麻烦了点吧。所以,看下面的:
var doc = document;
var document = doc;
可以实现的话那就太好了……

了解JavaScript的人应该知道,JavaScript的变量是在最开始的时候就生成的,所以这里的document就变成了undefined了。
没关系,继续改进~
var doc = document;
eval('var document = doc');

eval的作用就是在作用域范围内改变变量,这样的话,后面的document就可以被正常使用了。
最后,加上只有在IE内有效的条件,就像下面这样就可以了~

/*@cc_on 
var doc = document; 
eval('var document = doc'); 
@*/

举一反三,像下面这样的写法,document以外的全局变量也可以用上面的方法,起到加速的作用。
/*@cc_on 
eval((function(props) { 
var code = []; 
for (var i = 0 l = props.length;i<l;i++){ 
var prop = props[i]; 
window['_'+prop]=window[prop]; 
code.push(prop+'=_'+prop) 
} 
return ‘var ‘+code.join(','); 
})('document self top parent alert setInterval clearInterval 
setTimeout clearTimeout'.split(' ‘))); 
@*/

下面是Franky的回复:
首先,IE里document就这样直接被调用的话被执行的是window 对象的内部函数,而这个比较低效的。根据这一点,下面的处理可以提高速度:

这个说法 不对..

之所以 你的测试 前后有差异,主要区别在于作用域链查找.
你的代码 是在global 执行环境.所以IE下,会访在global对象去查找 key 为'document'的成员. 而这个对象在ie中是一个com+实现的宿主对象. 他不在global中. global中没有,则去window中再次查找.造成了速度变慢.

同样的全局对象 Math. 就不会带来这个问题.原因是Math 在 Global上. 一次作用域链查找就找到了.

对于优化. 一个建议就是
var win = window, doc = document,undefined;
每层作用域内,如果这个成员使用超过两次,就有意义.

而如果你只在全局作用域 使用一次 ie 条件注释 ,首先 非ie就无法享受到作用域被缩短的好处. 当然非ie 不会存在global->window的 多一次责任链查找.

这里的优化核心,就是缩短作用域链. 虽然opera chrome safarai等较新版本,对作用域链查找做了优化. 但是我们认为的缩短作用域链. 对老的浏览器是有积极作用的.且对具备优化的浏览器,也不会带来过于负的面影响.

Javascript 相关文章推荐
JavaScript Cookie的读取和写入函数
Dec 08 Javascript
jQuery的一些特性和用法整理小结
Jan 13 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
Feb 03 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 #Javascript
javascript学习之闭包分析
Dec 02 #Javascript
JavaScript OOP面向对象介绍
Dec 02 #Javascript
JavaScript 字符串处理函数使用小结
Dec 02 #Javascript
改写一个简单的菜单 弹性大小
Dec 02 #Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 #Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 #Javascript
You might like
杏林同学录(八)
2006/10/09 PHP
mysql5写入和读出乱码解决
2006/11/25 PHP
xajax写的留言本
2006/11/25 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
thinkPHP中配置的读取与C方法详解
2016/12/05 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
运算符&amp;&amp;的三个不同层次
2013/04/07 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
[00:33]DOTA2上海特级锦标赛 CDEC战队宣传片
2016/03/04 DOTA
python+opencv识别图片中的圆形
2020/03/25 Python
python解决js文件utf-8编码乱码问题(推荐)
2018/05/02 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
python xlwt如何设置单元格的自定义背景颜色
2019/09/03 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
Python3如何判断三角形的类型
2020/04/12 Python
手把手教你从PyCharm安装到激活(最新激活码),亲测有效可激活至2089年
2020/11/25 Python
中科软笔试题和面试题
2014/10/07 面试题
应届大学生求职的自我评价
2013/11/17 职场文书
财务管理个人自荐书范文
2013/11/24 职场文书
幼儿园小班评语大全
2014/04/17 职场文书
营业员岗位职责范本
2015/04/14 职场文书
行政前台岗位职责
2015/04/16 职场文书
法定代表人免职证明
2015/06/24 职场文书
毕业班班主任工作总结2015
2015/07/23 职场文书