React Native中比较两个state变量时条件判断异常的问题咨询

你的代码触发异常分支的核心原因是条件判断存在逻辑覆盖漏洞，本质是JavaScript中严格相等===和宽松不等!=的判断规则差异，形成了两个判断都不成立的场景：

• 当this.state.code和this.state.input两个值数据类型不同、但经过隐式类型转换后数值相等时：
  • 第一个判断this.state.code === this.state.input：严格相等会同时校验值和数据类型，类型不一致时直接返回false，无法进入成功分支
  • 第二个判断this.state.code != this.state.input：宽松不等会自动对两个值做隐式类型转换，转换后值相等时会返回false，也无法进入失败分支
    两个判断条件都不命中，代码就会直接落到最后的else分支，触发NOT WORKING的alert。
    最常见的触发场景为：后端返回的验证码code是Number类型（如1234），而输入框采集的用户输入input是字符串类型（如'1234'），刚好符合上述的漏洞触发条件。

原有逻辑的设计缺陷 #

你编写的分支结构本身存在冗余和逻辑不严谨的问题：

• 分支条件没有形成完整的逻辑全集：严格相等和宽松不等两个判断并非互斥且覆盖所有取值场景，中间留出了大量逻辑空白带
• 冗余的重复判断：从业务逻辑上看，只要不满足“验证码匹配”的条件，就应该直接走失败流程，完全没必要单独再写一个else if的不等判断。

修正方案 #

1. 统一比较逻辑的判断标准，全程使用严格相等===，避免隐式类型转换带来的不可控问题
2. 比较前对两个值做类型统一转换，从根源上规避类型差异导致的判断失效
3. 简化分支结构，去掉冗余的中间判断

修正后的参考代码：

// 统一转换为字符串类型再做比较，消除类型差异影响
const isCodeMatch = String(this.state.code) === String(this.state.input)

if (isCodeMatch) {
  alert('success');
  this.props.navigation.navigate('success_verification', {
    type: this.state.type,
    no: this.state.no
  });
} else {
  this.props.navigation.navigate('failure_verification');
}

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