优化javascript的执行效率一些方法总结
2023-06-13 09:15:14 时间
1、在低版本浏览器中(如IE6,IE7等)串联字符串时使用数组的join方法就比使用+号来连接高效很多(如["aaa","bbb","ccc"].join()比"aaa"+"bbb"+"ccc"高效);
2、Array:
pop比shift高效,push比unshift高效。这对于设计二叉堆结构比较重要,将最大或者最小的元素放在数组末尾最好。
3、数字取整最好用移位操作:
1.1>>0;
4、使用直接量创建Array和Object:
vara=[];
varo={};
5、对象层次不要嵌套太多,减少对象的查找:
不要用a.b.c.d.e,这种设计方式获取e对象。
6、键值对应取值,与switchcase的比较,键值对应,比switchcase高效,各个浏览器均测试过,可以看看关于这个比较的文章javascript小实验;
7、如果你使用jq的话,还有一个$("xxxx").empty().append("xxxxxxx");和$("xxxxx").html("xxxxx");的比较,结果是$("xxxx").empty().append("xxxxxxx");胜出,文章地址是jQuery小实验;
8、循环
在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用。for(;;)和while循环的性能应该说基本(平时使用时)等价。
如果是循环变量递增或递减,不要单独对循环变量赋值,应该在它最后一次读取的时候使用嵌套的++或—操作符。
如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数。
9、局部变量和全局变量
局部变量的速度要比全局变量的访问速度更快,因为全局变量其实是全局对象的成员,而局部变量是放在函数的栈当中的。
10、不使用Eval
使用eval相当于在运行时再次调用解释引擎对内容进行运行,需要消耗大量时间。这时候使用JavaScript所支持的闭包可以实现函数模版(关于闭包的内容请参考函数式编程的有关内容);
11、字符串连接
如果是追加字符串,最好使用s+=anotherStr操作,而不是要使用s=s+anotherStr;
12、把数字转换成字符串,应用""+1,虽然看起来比较丑一点,但事实上这个效率是最高的,性能上来说:
(""+)>String()>.toString()>newString()
这条其实和下面的“直接量”有点类似,尽量使用编译时就能使用的内部操作要比运行时使用的用户操作要快。
String()属于内部函数,所以速度很快,而.toString()要查询原型中的函数,所以速度逊色一些,newString()用于返回一个精确的副本;
13、浮点数转换成整型,这个更容易出错,很多人喜欢使用parseInt(),其实parseInt()是用于将字符串转换成数字,而不是浮点数和整型之间的转换,我们应该使用Math.floor()或者Math.round()。
14、字符串遍历操作
对字符串进行循环操作,譬如替换、查找,应使用正则表达式,因为本身JavaScript的循环速度就比较慢,而正则表达式的操作是用C写成的语言的API,性能很好;
15、定时器
如果针对的是不断运行的代码,不应该使用setTimeout,而应该是用setInterval。setTimeout每次要重新设置一个定时器;
更新中……,敬请期待!
2、Array:
pop比shift高效,push比unshift高效。这对于设计二叉堆结构比较重要,将最大或者最小的元素放在数组末尾最好。
3、数字取整最好用移位操作:
1.1>>0;
4、使用直接量创建Array和Object:
vara=[];
varo={};
5、对象层次不要嵌套太多,减少对象的查找:
不要用a.b.c.d.e,这种设计方式获取e对象。
6、键值对应取值,与switchcase的比较,键值对应,比switchcase高效,各个浏览器均测试过,可以看看关于这个比较的文章javascript小实验;
7、如果你使用jq的话,还有一个$("xxxx").empty().append("xxxxxxx");和$("xxxxx").html("xxxxx");的比较,结果是$("xxxx").empty().append("xxxxxxx");胜出,文章地址是jQuery小实验;
8、循环
在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用。for(;;)和while循环的性能应该说基本(平时使用时)等价。
如果是循环变量递增或递减,不要单独对循环变量赋值,应该在它最后一次读取的时候使用嵌套的++或—操作符。
如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数。
9、局部变量和全局变量
局部变量的速度要比全局变量的访问速度更快,因为全局变量其实是全局对象的成员,而局部变量是放在函数的栈当中的。
10、不使用Eval
使用eval相当于在运行时再次调用解释引擎对内容进行运行,需要消耗大量时间。这时候使用JavaScript所支持的闭包可以实现函数模版(关于闭包的内容请参考函数式编程的有关内容);
11、字符串连接
如果是追加字符串,最好使用s+=anotherStr操作,而不是要使用s=s+anotherStr;
12、把数字转换成字符串,应用""+1,虽然看起来比较丑一点,但事实上这个效率是最高的,性能上来说:
(""+)>String()>.toString()>newString()
这条其实和下面的“直接量”有点类似,尽量使用编译时就能使用的内部操作要比运行时使用的用户操作要快。
String()属于内部函数,所以速度很快,而.toString()要查询原型中的函数,所以速度逊色一些,newString()用于返回一个精确的副本;
13、浮点数转换成整型,这个更容易出错,很多人喜欢使用parseInt(),其实parseInt()是用于将字符串转换成数字,而不是浮点数和整型之间的转换,我们应该使用Math.floor()或者Math.round()。
14、字符串遍历操作
对字符串进行循环操作,譬如替换、查找,应使用正则表达式,因为本身JavaScript的循环速度就比较慢,而正则表达式的操作是用C写成的语言的API,性能很好;
15、定时器
如果针对的是不断运行的代码,不应该使用setTimeout,而应该是用setInterval。setTimeout每次要重新设置一个定时器;
更新中……,敬请期待!
相关文章
- 「设计模式 JavaScript 描述」代理模式
- JavaScript进阶知识点——函数和对象详解
- JavaScript案例:循环精灵图和显示隐藏文本框内容
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- 浅谈JavaScript中的命名空间详解编程语言
- Facebook 正式发布 JavaScript 包管理器 Yarn 1.0
- javascript之大字符串的连接的StringBuffer类
- javascript弹出一个层并增加一个覆盖层
- javaScript判断字符串是否为数字的简单方法
- Javascript字符串字节长度计算函数代码与效率分析(forVS正则)
- javascript控制swfObject应用介绍
- javascript变量作用域使用中常见错误总结
- JavaScript组合拼接字符串的效率对比测试