加速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 命名空间以提高代码重用性
Nov 13 Javascript
简介JavaScript中search()方法的使用
Jun 06 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
基于javascript实现的购物商城商品倒计时实例
Dec 11 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
JavaScript中创建原子的方法总结
Aug 26 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
Apr 23 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
js实现数字跳动到指定数字
Aug 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 socket方式提交的post详解
2008/07/19 PHP
PHP中的Memcache详解
2014/04/05 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
Javascript this指针
2009/07/30 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
jQuery.each使用详解
2015/07/07 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
jQuery学习笔记之回调函数
2016/08/15 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
2017/01/04 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
分享一个常用的Python模拟登陆类
2015/03/29 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
linux安装Python3.4.2的操作方法
2018/09/28 Python
用Django写天气预报查询网站
2018/10/21 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
英国电子产品购物网站:Tech in the basket
2019/11/08 全球购物
关于礼仪的演讲稿
2014/01/04 职场文书
车队安全员岗位职责
2015/02/15 职场文书
高二化学教学反思
2016/02/22 职场文书
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏