加速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学习笔记7 原型链的原理
Jan 11 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
jQuery密码强度验证控件使用详解
Jan 05 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
JavaScript实现换肤功能
Sep 15 Javascript
JavaScript 中的 this 简单规则
Sep 19 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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
php网页后退不再出现过期
2007/03/08 PHP
php Mysql日期和时间函数集合
2007/11/16 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
2012/03/16 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
为jquery的ajaxfileupload增加附加参数的方法
2014/03/04 Javascript
JS实现下拉菜单赋值到文本框的方法
2015/08/18 Javascript
js判断当前页面在移动设备还是在PC端中打开
2016/01/06 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
js转html实体的方法
2016/09/27 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
Python文件操作类操作实例详解
2014/07/11 Python
Python编程实现的简单Web服务器示例
2017/06/22 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
wxpython自定义下拉列表框过程图解
2020/02/14 Python
Django模板标签{% for %}循环,获取制定条数据实例
2020/05/14 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
什么时候需要进行强制类型转换
2016/09/03 面试题
工作睡觉检讨书
2014/02/25 职场文书
结对共建工作方案
2014/06/02 职场文书
保险公司演讲稿
2014/09/02 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
免职通知
2015/04/23 职场文书
2015年银行信贷员工作总结
2015/05/19 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript