js中字符串型正则转化为真正的正则（坑真的大）

背景：最近在做对单表进行增删改查的动态表单，通过后端返回的JSON数据动态渲染，由于项目的技术栈是vue，我就选用了比较好用的动态表单生成器form-create(http://www.form-create.com/)，最常见的有elementui和iview等版本。

具体要点，通过后端返回配置的正则对表单进行校验。如：后端返回了如下JSON，前端生成一个拥有手机号校验正则的文本框。

{
       type:"input",
       title:"手机号",
       field:"telephone",
       value:"",
       props: {
           "type": "text",
           "placeholder": "请输入手机号",
           "pattern":"/^1[3456789]\d{9}$/"
       }
}

但是，form-create pattern字段中，所需格式是一个正则表达式，前端的正则表达式是一个object。后台返回来的是string。

根据下图实验可知，字符串类型的正则不能直接用于校验，则需要想办法转成真正的正则。

想法① 把左右两边的引号去掉不就好了吗？答：❌

去掉两边引号还是个string啊。想法太片面了，pass

想法②，有没有什么方法可以转换？答：✅

经查阅许久，发现eval()这个方法可以将字符串正则修改为真正的正则，如下改造：

{
       type:"input",
       title:"手机号",
       field:"telephone",
       value:"",
       props: {
           "type": "text",
           "placeholder": "请输入手机号",
           "pattern":eval("/^1[3456789]\d{9}$/")
       }
}

但是事情并没有这么顺利，修改完发现此手机号表单验证输入正确的手机号还是通不过验证，我就蒙蔽了，都什么鬼。后台正则是字符串，所以通过json返回也是个字符串，无可厚非，应该不会让后台去改。得自己想办法，所以作如下实验：