JavaScript正则表达式的坑很深

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

 

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

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

 

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

为了优化JavaScript的性能，在编码过程中，一般都会对反复使用的RegExp对象进行缓存。而有时候，为了代码整体性的美观（例如：同时使用到test和replace，并且replace必须要加“g”修饰符的时候，为了不重写正则，同时减少缓存的变量），一些调用test的正则表达式也会加上“g”修饰符，然后问题就出现了：

在Chrome中尝试运行如下代码

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

究其原因，还是lastIndex这个参数导致的。由于`g`修饰符会触发RegExp对象使用lastIndex变量缓存上一次匹配成功的位置，而这一属性与字符串参数无关。中途更换字符串不能触发重置lastIndex的操作，只有匹配失败之后，才会重置。

感谢1楼 Suprise 给出的解答