加速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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 Javascript
让浏览器非阻塞加载javascript的几种方法小结
Apr 25 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
JavaScript控制图片加载完成后调用回调函数的方法
Mar 20 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
使用grunt合并压缩js和css文件的方法
Mar 02 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
微信小程序时间轴实现方法示例
Jan 14 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
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
PHP加密解密函数详解
2015/10/28 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
javascript 简练的几个函数
2009/08/29 Javascript
精通Javascript系列之Javascript基础篇
2011/06/07 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
js变换显示图片的实例
2013/04/16 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
详解Python requests 超时和重试的方法
2018/12/18 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
python正则表达式实例代码
2020/03/03 Python
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
重阳节登山活动方案
2014/02/03 职场文书
好人好事演讲稿
2014/09/01 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js
Win11快速关闭所有广告推荐
2022/04/19 数码科技
Windows server 2012 R2 安装IIS服务器
2022/04/29 Servers