论坛首页 → Web前端技术论坛 →

javascript 性能测试系列：正则表达式

浏览 4750 次
锁定老帖子 主题：javascript 性能测试系列：正则表达式
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • jindw
  • 等级: 三钻会员
  • 性别:
  • 文章: 731
  • 积分: 1481
  • 来自: 初到北京
   发表时间：2007-05-30  
在JSI的实现中,有这样一种需求,将有自带命名空间的脚本元素名数组转换成没有命名空间的变量名数组.
比如 :
['YAHOO.util.XXXX,YAHOO.util.YYYY,YAHOO.event.XX'] ->['YAHOO']

以前一直是较长的一段处理代码,今天突发奇想,这个用正则表达式处理效果如何?

于是,就这种处理,分别测试了正则表达式和javascript代码的效率.

测试数据如下(regTime /codeTime):
620/4536
729/4068
719/4250
645/4152
655/4642

FF和IE结果差不多,上面是FF2的数据

总结:
经常看见很多地方对正则表达式的效率的怀疑,但是这个问题放在javascript里面,好像情况又不同了. 适当使用正则式,反而可以大大提高效率.
在javascript这类\较慢的解释型语言里面,少即快,能用原生代码就不要自己写.

测试代码:
 
  1. var data = [];  
  2. for(var i = 0;i<20;i++){  
  3.   data[i] = "NS"+i/10+'.'+i  
  4. }  
  5. document.write(  
  6.   //(data == data.sort()) +"/"+  
  7.   data +"<hr>")  
  8. var i = 0;  
  9. var regTime = 0;  
  10. var codeTime = 0;  
  11. var inc = 0;  
  12. var reg = /(\b[\$\w]+)[\$\w\.]*(,\1\b[\$\w\.]*)*/g;  
  13.   
  14. var regResult,codeResult;  
  15. while(inc++<100){  
  16.   var i=0;  
  17.   var t1 = new Date();  
  18.   while(i++<100){  
  19.     regResult = data.join(',').replace(reg,'$1').split(',');  
  20.   }  
  21.   
  22.   var t2 = new Date();  
  23.   while(i++<200){  
  24.     codeResult = [];  
  25.     var flagMap = {};  
  26.     for(var j=data.length-1;j>=0;j--){  
  27.       key = data[j];  
  28.       key = key.substr(0,key.indexOf('.'));  
  29.       if(!flagMap[key]){  
  30.         codeResult[codeResult.length] = (key);  
  31.         //codeResult.push(key);  
  32.         flagMap[key] = true;  
  33.       }  
  34.     }  
  35.   }  
  36.   var t3 = new Date();  
  37.   regTime +=(t2-t1);  
  38.   codeTime+=(t3-t2);  
  39. }  
  40. document.write(  
  41.   "regResult:"+  
  42.   regResult)  
  43. document.write(  
  44.   "<hr>codeResult:"+  
  45.   codeResult)  
  46. prompt("regTime /codeTime",regTime  +'/'+codeTime)  



注:
这段正则代码是不严谨的,当数组中有多个命名空间,且顺序打乱时,不能剔除全部重复变量.不过JSI中对这个结果尚可接受.
返回顶楼
         
  • hax
  • 等级: 四钻会员
  • 性别:
  • 文章: 1543
  • 积分: 1795
  • 来自: 上海
   发表时间：2007-05-31  
一个，我没有明白jsi的这个需求，能否解释一下？

关于正则，通常有助于提高js的性能。例子如有人利用正则实现indexOf，有人用正则实现字符串map。

使用正则的特别好处（也是在使用时应时刻记住的）是，可以将多次函数调用变为一次regexp调用。多次js函数调用的开销肯定大于单次的普通regexp调用。而且有时候函数调用的次数是不定的，而regexp可以保持基本常量的性能。

这里有一个极佳例子，用正则实现String.format，比通常的正则函数查找要快，而且格式越复杂越能体现优势，具体参见：http://johnhax.blogspot.com/2006/12/string-format-function-for-javascript.html

不过正则的问题在于兼容性，老的js引擎如jscript 5.0等对正则支持不完整。另外写正则和维护正则是一件很头大的事情。
返回顶楼
          回帖地址
0 请登录后投票
  • jindw
  • 等级: 三钻会员
  • 性别:
  • 文章: 731
  • 积分: 1481
  • 来自: 初到北京
   发表时间：2007-05-31  
hax 写道
一个，我没有明白jsi的这个需求，能否解释一下？


就是将一段带有命名空间的脚本元素名数组转换成 没有命名空间的数组.
以YUI的event.js为例:
this.addScript("event.js",['YAHOO.util.CustomEvent','YAHOO.util.Subscriber','YAHOO.util.Event']);
在注册完 对象->脚本表之后,需要设置 脚本->对象表
这时,我需要将对象数组转换成['YAHOO']

确实,复杂的正则的易用性可读性都很低,所以我也只是在某些性能要求高的地方做些优化.

hax 写道
这里有一个极佳例子，用正则实现String.format...

如果用这种方式去写个Date.format估计更受欢迎的:)
返回顶楼
          回帖地址
0 请登录后投票
  • hax
  • 等级: 四钻会员
  • 性别:
  • 文章: 1543
  • 积分: 1795
  • 来自: 上海
   发表时间：2007-05-31  
你是说你要记录一个script文件所对应的namespace的第一段？



关于Date.format，我的第一种实现是不能用来实现Date.format的，因为它依赖于$1,$2这样的形式，然后进行反向替换。

但是第二种可以用。我以后可以写一个DateFormatter。
返回顶楼
          回帖地址
0 请登录后投票
  • jindw
  • 等级: 三钻会员
  • 性别:
  • 文章: 731
  • 积分: 1481
  • 来自: 初到北京
   发表时间：2007-05-31  
hax 写道
你是说你要记录一个script文件所对应的namespace的第一段？

可以这么说吧,反正就是,记录真实变量名,而不是一个带命名空间的路径
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics