如何在ExtJS的maskRe属性中动态传递特殊字符？

没问题，我来帮你搞定这个需求！你现在用硬编码的方式把$%这类特殊字符写在正则里，想要改成动态变量传递，核心在于先转义这些有特殊正则含义的字符，再动态构造正则表达式。

具体步骤： #

1. 定义特殊字符变量：先把你要允许的特殊字符存在变量里，后续可以随时修改：

   const allowedSpecialChars = '$%'; // 这里替换成你需要的任意特殊字符集合
   

2. 添加转义函数：像$、^、*这类字符在正则里是有特殊语法意义的，直接用会导致正则逻辑出错，所以需要一个转义函数把它们转换成正则能识别的字面量：

   function escapeRegExpChars(str) {
     // 转义所有正则元字符，确保它们被当作普通字符匹配
     return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
   }
   

3. 动态构造正则：用转义后的字符拼接正则规则，再通过RegExp构造函数创建最终的正则实例：

   const escapedChars = escapeRegExpChars(allowedSpecialChars);
   // 用模板字符串拼接正则模板，再生成RegExp实例
   const maskRe = new RegExp(`^[A-Za-z0-9 ${escapedChars}]+$`);
   

测试示例： #

如果把allowedSpecialChars改成'$*?@'，转义后会变成\$\*\?\@，最终生成的正则就是/^[A-Za-z0-9 \$\*\?\@]+$/，这样就能正确匹配包含这些特殊字符的内容了。

小提示： #

• 如果你的特殊字符里包含\，转义函数也能自动处理它；
• 要是不需要限制字母数字，也可以灵活修改正则里的A-Za-z0-9部分，保持整体的动态性。

内容的提问来源于stack exchange，提问作者Ajay Takur