后端返回正则表达式，前端test无反应以及test is not a function

---

👨 作者简介：大家好，我是Taro，前端领域创作者
✒️ 个人主页：唐璜Taro
🚀 支持我：点赞👍+📝 评论 + ⭐️收藏

---

今天联调后端接口，有一个自定义校验密码规则的需求，前端在配置页面输入框自定义的密码正则，如图所示：

---

传给后端，在登录前面，先调用一下验证接口。后端返回上面的正则表达式，利用这个表达式校验输入密码格式是不是正确，以此完成自定义密码校验规则的需求。

然后就遇到这个问题：报错 xxx.test is not a function

经验证：后端传过来的正则表达式一般是：

rules:/^(?:\d+|[a-zA-Z]+|[!@#$%^&.*]+){6,16}$/ 纯数字,字母，字符

而正则表达式正确的格式是

let reg = /^(?:\d+|[a-zA-Z]+|[!@#$%^&.*]+){6,16}$/ 纯数字,字母，字符

错误写法是：

let reg = rules

因为后端返回给我们的正则是无法直接使用的，必须重新 new 一个 RegExp 生成正确格式的正则表达式：这样才是正确的写法

let reg = new RegExp(rules)

这里需要注意的是，new RegExp的正则表达式两边是不需要 ’ / ’ 符号的，因为 RegExp 会自动加上 ’ / ‘ 符号。如果你在输入框的正则表达式两边写了’ / ’ 符号，而且又 new RegExp 就会这样：