JavaScript回调函数中if条件判断不生效问题排查与修复

问题现象 #

开发英尺、米单位互转前端功能时，为convert按钮绑定click事件回调，回调中调用transform()函数，设计逻辑为通过判断标签的innerText值执行对应转换逻辑，但实际运行时函数内的if条件判断始终无法正常命中执行。此前编写过逻辑近似的代码可正常运行，无法定位当前代码的问题根源。

根因定位 #

排查代码后确认两处明确问题：

• 下拉选择器的change事件回调中，修改标签innerText时额外追加了冒号（例如赋值为"Feet:"），但if判断中匹配的是不带冒号的"Feet"，字符串内容不相等直接导致条件无法命中
• transform()函数内前两个if/else if分支的判断条件完全重复，且第一个if块为空、无任何执行逻辑，即使条件命中也不会产生预期输出

修复建议 #

• 统一字符串匹配规则：要么调整change回调内的赋值逻辑，去掉innerText末尾追加的冒号；要么修改if判断的匹配值，将冒号纳入匹配范围，保证判断两侧的字符串完全一致
• 修正transform()函数的分支逻辑：删除无执行内容的空if块，调整重复的判断条件，让两个分支分别对应英尺转米、米转英尺的独立转换逻辑，保证分支互斥、每个分支块内包含正确的转换计算代码

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