JavaScript正则表达式的坑很深

Javascript的正则表达式，不能不说方便，简简单单“//”就可以声明一个RegExp对象，配合编辑器的颜色渲染，实在让人舒心。但过于方便的东西，必然也会有一些瑕疵需要我们去注意。

 

首先要说的是使用RegExp对象来声明正则，因为他是除了eval之外，唯一能将字符串转化为正则对象的方法。但在使用的时候，如果你长时间没写JavaScript，那么很容易将他的参数和上面的“//”混淆。使用RegExp需要注意两点：1、第一个参数只能是正则的内容，并且不包含起始和结束符“/”，修饰符应写在第二个参数里；2、正则表达式的内容需要使用“\”转义的，必须考虑到字符串的转义字符也是“\”，然后……你懂的，代码就显得不那么优美了。

考虑到工作的需要，可以封装一个函数，快速将字符串的正则通过RegExp转化为正则表达式对象。

<script type="text/javascript" src="https://gist.github.com/Bacra/6052174.js"></script>

 

再来说说'g'修饰符给我们挖的深坑：

为了优化JavaScript的性能，在编码过程中，一般都会对反复使用的RegExp对象进行缓存。而有时候，为了代码整体性的美观，一些调用test的正则表达式也会加上“g”修饰符（当然，这是不推荐的），然后问题就出现了：

在Chrome中尝试运行如下代码

PS：后面的三代码，是针对错误的三种解决方案

<script type="text/javascript" src="https://gist.github.com/Bacra/6052267.js"></script>

原因不明：Google了一些资料，都说是lastIndex这个参数导致的错误。由于`g`修饰符会触发RegExp对象使用lastIndex来保存捕获的结果，进而导致了这种错误。但我们仔细分析结果，虽然在调用的时候重置lastIndex能解决这个问题，但发生错误的序列，似乎和lastIndex无关。从结果来看，我们根本无法考究浏览器啥时候，帮我们自动重置了lastIndex。等待大神解惑～～

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>