欢迎来到天天文库
浏览记录
ID:9415042
大小:240.50 KB
页数:19页
时间:2018-04-30
《提高javascript的几种方法》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、提高javascript的几种方法本文从ECMAScript/javascript,DOM,和页面载入方面分别介绍几种简单的能提高Web应用程序性能的方法,由91913网址导航整理。一、避免使用eval或Function构造函数每次eval或Function构造函数作用于字符串表示的源代码时,脚本引擎都需要将源代码转换成可执行代码。这是很消耗资源的操作——通常比简单的函数调用慢100倍以上。eval函数效率特别低,由于事先无法知晓传给eval的字符串中的内容,eval在其上下文中解释要处理的代码,也就是说编译器无法优化上下文,因此只能有浏览器在运行时解释代码。这对性能影响很大。Functi
2、on构造函数比eval略好,因为使用此代码不会影响周围代码;但其速度仍很慢。二、重写evaleval不仅效率低下,而且绝大部分情况下完全没有使用的必要。很多情况下使用eval是因为信息以字符串形式提供,开发者误认为只有eval能使用此信息。下例是一个典型的错误:1functiongetProperty(oString){2 varoReference;3 eval('oReference=test.prop.'+oString);4 returnoReference;5}下面的代码执行完全相同的函数,但没有使用eval:1functiongetProperty(oString){2
3、 returntest.prop[oString];3}在Opera9,Firefox,和InternetExplorer中后者比前者快95%,在Safari中快85%。(注意此比较中不含函数本身调用时间。)三、如果你需要函数,那就用函数下面是常见的Function构造函数使用:1functionaddMethod(oObject,oProperty,oFunctionCode){2 oObject[oProperty]=newFunction(oFunctionCode);3}4addMethod(myObject,'rotateBy90','this.angle=(this.angl
4、e+90)%360');5addMethod(myObject,'rotateBy60','this.angle=(this.angle+60)%360');下面的代码没有使用Function构造函数,但提供了相同的功能:通过创建匿名函数:1functionaddMethod(oObject,oProperty,oFunction){2 oObject[oProperty]=oFunction;3}4addMethod(myObject,'rotateBy90',function(){this.angle=(this.angle+90)%360;});5addMethod(myObjec
5、t,'rotateBy60',function(){this.angle=(this.angle+60)%360;});四、避免使用with尽管看起来挺方便,但with效率很低。with结构又创建了一个作用域,以便使用变量时脚本引擎搜索。这本身只轻微的影响性能。但严重的是编译时不知道此作用域内容,因此编译器无法像对其他作用域(如函数产生的作用域)那样对之优化。另一个高效而且也挺方便的方法是使用变量引用对象,然后使用变量访问对象属性。但只有属性不是literaltype时才适用,如字符串或布尔值。考虑下面的代码:1with(test.information.settings.files){2
6、 primary='names';3 secondary='roles';4 tertiary='references';5}下面的代码效率更高:1vartestObject=test.information.settings.files;2testObject.primary='names';3testObject.secondary='roles';4testObject.tertiary='references';五、不要在影响性能的关键函数中使用try-catch-finallytry-catch-finally结构比较特殊。和其他语法结构不同,它在runtime的当前作用域
7、中创建新变量。每当catch执行时,就会将捕获到的exception对象赋给一个变量。这个变量不属于任何脚本。它在catch语句开始时被创建,在结束时被销毁。由于此函数比较特殊,且是在运行时动态创建动态销毁,有些浏览器对其的处理并不高效。把catch语句放在关键循环中将极大影响性能。如果可能,应在脚本中不频繁被调用的地方进行异常处理,或通过检查某种动作是否被支持来避免使用。下面的例子中,如果所需的属性不存在,将在循环语句
此文档下载收益归作者所有