【前端】模板字符串与正则表达式

写Form表单，难免就要涉及到表单验证
然而…众多的表单的验证大同小异，书写和维护起来都非常头疼

那，有什么方法可以简化后期修改和维护的成本呢？

通过模板字符串来表达正则表达式

英文字母、数字、汉字或-，-不能在开头或结尾，字符串最多63个字符

一般方法：
  pattern : /^[a-zA-Z0-9][a-zA-Z0-9-]{0,61}[a-zA-Z0-9]{0,1}$/
  
采用模板字符串：
  const Az09Ch = 'A-Za-z0-9\u4e00-\u9fa5'
  const pattern =  `[${Az09Ch}]([${Az09Ch}\-]{0,61}[${Az09Ch}]){0,1}`
  const reg = `^${pattern}$`

看着上面的代码感觉模板字符串并没有多么提升效率，反而变得更加臃肿，但是如果我们验证规则发生改变了呢？

英文字母、数字、汉字或-，-不能在开头或结尾，字符串最多63个字符，可以有多个字符串，每个字符串之间以.隔开

一般方法：
  pattern : /^[a-zA-Z0-9][a-zA-Z0-9-]{0,61}[a-zA-Z0-9]{0,1}(.[a-zA-Z0-9][a-zA-Z0-9-]{0,61}[a-zA-Z0-9]{0,1})+$/
  
采用模板字符串：
  const Az09Ch = 'A-Za-z0-9\u4e00-\u9fa5'
  const pattern =  `[${Az09Ch}]([${Az09Ch}\-]{0,61}[${Az09Ch}]){0,1}`
  const reg = `^${pattern}(.${pattern})+$`

这样看是不是有一些提高了呢？