加速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 相关文章推荐
jQuery TextBox自动完成条
Jul 22 Javascript
js 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
div中文字内容溢出常见的解决方法
Mar 16 Javascript
JS实现访问DOM对象指定节点的方法示例
Apr 04 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
简单了解Vue computed属性及watch区别
Jul 10 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
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
php strcmp使用说明
2010/04/22 PHP
PHP安全防范技巧分享
2011/11/03 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
PHP回调函数简单用法示例
2019/05/08 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
2010/07/26 Javascript
Jquery Change与bind事件代码
2011/09/29 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
JS制作图形验证码实现代码
2020/10/19 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
JS相册图片抖动放大展示效果的示例代码
2021/01/29 Javascript
Python中apply函数的用法实例教程
2014/07/31 Python
Windows下Python的Django框架环境部署及应用编写入门
2016/03/10 Python
win10系统中安装scrapy-1.1
2016/07/03 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
python中解析json格式文件的方法示例
2017/05/03 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
简单了解如何封装自己的Python包
2020/07/08 Python
Python基于locals返回作用域字典
2020/10/17 Python
python 实现网易邮箱邮件阅读和删除的辅助小脚本
2021/03/01 Python
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
关于元旦的广播稿
2014/02/16 职场文书
体育教师求职信
2014/05/24 职场文书
行政经理岗位职责
2015/04/15 职场文书
运动会宣传稿100字
2015/07/23 职场文书
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸