加速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编程起步(第二课)
Feb 27 Javascript
javascript中删除指定数组中指定的元素的代码
Feb 12 Javascript
TextArea设置MaxLength属性最大输入值的js代码
Dec 21 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
AngularJS实现表单验证
Jan 28 Javascript
javascript数组去重的方法汇总
Apr 14 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
javascript正则表达式之分组概念与用法实例
Jun 16 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 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
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
PHP中的替代语法简介
2014/08/22 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
比较简单的异步加载JS文件的代码
2009/07/18 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
MUI实现上拉加载和下拉刷新效果
2017/06/30 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
vue总线机制(bus)知识点详解
2020/05/10 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
python异常触发及自定义异常类解析
2019/08/06 Python
python tkinter控件布局项目实例
2019/11/04 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
经营理念标语
2014/06/21 职场文书
假释思想汇报范文
2014/10/11 职场文书
统计员岗位职责
2015/02/11 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
毕业生自荐信范文
2015/03/05 职场文书
2015年党员个人工作总结
2015/05/13 职场文书
狂人日记读书笔记
2015/06/30 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
vue实现同时设置多个倒计时
2021/05/20 Vue.js
关于使用Redisson订阅数问题
2022/01/18 Redis
Go语言编译原理之变量捕获
2022/08/05 Golang