加速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 相关文章推荐
window.ActiveXObject使用说明
Nov 08 Javascript
jQuery中使用了document和window哪些属性和方法小结
Sep 13 Javascript
JavaScript中for-in遍历方式示例介绍
Feb 11 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
JS实现小星星特效
Dec 24 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
全国中波电台频率表
2020/03/11 无线电
PHP Zip解压 文件在线解压缩的函数代码
2010/05/26 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
2020/08/06 PHP
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
JavaScript 判断日期格式是否正确的实现代码
2011/07/04 Javascript
jQuery操作input值的各种方法总结
2013/11/21 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
Python实现端口复用实例代码
2014/07/03 Python
深入解析Python中的descriptor描述器的作用及用法
2016/06/27 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
How TDD works
2012/09/30 面试题
报社实习生自荐信
2014/01/24 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
推广活动策划方案
2014/08/23 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
个人创业事迹材料
2014/12/30 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
2015年教师党员公开承诺书
2015/01/22 职场文书
自主招生英文自荐信
2015/03/25 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
Java版 简易五子棋小游戏
2022/05/04 Java/Android