Unexpected quantifier 之 字符串方法正则使用兼容问题

引言

本文不谈如何在字符串方法中使用正则，想要学习正则可以去 这里，这里分享一点使用正则遇到的一个不兼容问题。

就是 在IE 与 Microsoft Edge 中，在字符串方法中使用预匹配正则会出现异常 Unexpected quantifier，错误会直接影响页面展示，因为是浏览器解析代码异常。

出现场景

所有字符串方法，能使用正则的地方，在以上两个浏览器中都会报 Unexpected quantifier 这个错误，下面用例子展示。

使用字符串方法 replace 替换 小明本次成绩为59 中的 59 为 80

'小明本次成绩为59'.replace(/(?<=成绩为)\d*/, (v) => 80)

chrome 控制台测试


Edge 控制台测试

使用字符串方法 match 获取字符串 数字1，数字3，数组8。 中数字后面一位字符

'数字1，数字3，数组8。'.match(/(?<=\d)./g)

chrome 控制台测试

Edge 控制台测试

其他字符串方法 search 、 split 都会遇到上诉问题。

总结

能遇到上面问题的小伙伴，都是对正则有一定认识的，这个问题为浏览器兼容bug，即使使用babel 也无法编译为可兼容代码，处理方法就是避免在字符串方法中使用预匹配正则。在字符串方法中使用非预匹配正则，再对处理后的数据进行处理。以上也是在项目中踩过一次坑，也接过其他同事留下的坑。

以上信息如有疏漏或错误欢迎指正。