JavaScript中if语句未执行问题：顶部条件为假时后续语句不执行

嘿，我来帮你搞定这个困惑～

首先得划个重点：正常情况下，多个独立的if语句是彼此独立判断的，不会因为前一个条件不成立就跳过后面的所有判断。你遇到的这种情况，大概率是变量赋值异常或者createViewCard函数有副作用导致的，咱们一步步排查：

一、先排查变量的问题 #

很可能是pr、pc、cpr这些变量在第一个if判断后，被意外修改成了false，导致后面的条件都不满足。你可以在每个if前加日志，打印变量的实时值，快速定位问题：

// 给每个变量加打印日志，确认判断前的状态
console.log("判断pr前的值：", pr);
if (pr) { createViewCard('Purchase Requisition', 'veiwpr'); }

console.log("判断pc前的值：", pc);
if (pc) { createViewCard('Petty Cash', 'veiwpc'); }

console.log("判断cpr前的值：", cpr);
if (cpr) { createViewCard('Cheque/Payment Requisition', 'veiwcpr'); }

// 其他变量同理

通过日志就能清楚看到，是不是后面的变量在判断前已经变成了false，如果是，再去查变量的赋值逻辑，看有没有地方意外修改了它们。

二、检查createViewCard函数的副作用 #

如果变量没问题，那就要看看createViewCard函数内部有没有影响后续执行的代码：

• 函数里有没有抛出错误（throw new Error()）？如果第一个if执行时抛出错误，后面的代码会直接中断。
• 函数里有没有修改pr、pc这些变量的操作？比如不小心写了pr = false这种代码，会直接影响后续判断。
• 函数里有没有终止程序的逻辑？比如非浏览器环境的exit()，或者意外的return打断了执行流程。

三、优化代码写法，避免类似问题 #

如果排查后确认是逻辑繁琐导致的变量混乱，建议把代码改成批量处理的方式，不仅更简洁，还能避免变量互相影响的问题：

// 把所有卡片的条件和参数统一放到数组里
const cardList = [
  { condition: pr, title: 'Purchase Requisition', id: 'veiwpr' },
  { condition: pc, title: 'Petty Cash', id: 'veiwpc' },
  { condition: cpr, title: 'Cheque/Payment Requisition', id: 'veiwcpr' },
  { condition: ba, title: 'Business Advance Form', id: 'veiwba' },
  { condition: cqc, title: 'Comparison Quotation Chart', id: 'veiwcqc' },
  // 其他需要添加的卡片配置
];

// 遍历数组，满足条件就创建卡片
cardList.forEach(item => {
  if (item.condition) {
    createViewCard(item.title, item.id);
  }
});

这种写法每个条件都是独立遍历判断的，不会因为某一个变量的问题影响全局逻辑，后期维护也更方便。

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