JavaScript真值条件下if代码块未执行的异常问题

这是一个非常典型的**全局正则表达式（带g修饰符）**陷阱！问题的核心出在正则实例的lastIndex属性上，我来给你一步步拆解：

问题根源：全局正则的lastIndex状态 #

当你给正则加上g（全局匹配）修饰符时，JavaScript会在这个正则实例上维护一个lastIndex属性，专门记录下一次匹配的起始位置。每次调用test()方法后：

• 如果匹配成功，lastIndex会被更新到当前匹配结果的末尾；
• 如果匹配失败，lastIndex会被重置为0，重新从字符串开头开始匹配。

结合你的代码分析 #

在validateInput函数里：

1. 第一次调用regexpr.test(inp)：匹配成功，返回true，同时lastIndex被设置为字符串'()'的长度（也就是2）；
2. 紧接着第二次调用regexpr.test(inp)：此时lastIndex是2，从这个位置开始匹配空字符串，自然匹配失败，返回false，所以if代码块根本不会执行。

而在validateInput2函数里，你只调用了一次test()并把结果存在变量t1中，lastIndex的后续变化不会影响已经保存的t1值，所以if条件能正常生效。

解决方案 #

根据你的使用场景（验证整个字符串是否符合规则），推荐以下几种修复方式：

方案一：去掉全局修饰符g

你这里的需求是验证整个输入是否完全匹配规则，不需要全局匹配，直接去掉g修饰符即可，这样lastIndex不会被维护，每次test()都会从字符串开头重新匹配：

let regexpr = /^(?:\(|\)|\s)+$/im

方案二：每次调用前重置lastIndex

如果因为某些原因必须保留g修饰符，那就在每次调用test()前手动把lastIndex重置为0：

function validateInput (inp) {
 let regexpr = /^(?:\(|\)|\s)+$/gim
 console.log(regexpr.test(inp)); // logs true
 regexpr.lastIndex = 0; // 重置匹配起始位置
 if (regexpr.test(inp)) {
 console.log('in if');
 }
 console.log('after if');
 return false
}

方案三：每次创建新的正则实例

虽然你已经在函数内部声明正则，但如果想彻底避免状态污染，也可以在每次调用test()时直接创建新实例（不过这个方案没必要，前两种更简洁）：

if (/^(?:\(|\)|\s)+$/gim.test(inp)) {
  console.log('in if');
}

总结 #

带g修饰符的正则会保留匹配状态，多次调用test()或exec()时一定要注意lastIndex的变化，这是很多JavaScript开发者都会踩的小坑！

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