TypeScript布尔值比较结果异常问题排查

嘿，从你给出的输出false -> true就能立刻定位问题：你的readonly属性isEK不是真正的布尔类型，而是字符串形式的 "false"（或者其他能被判定为“真值”的非布尔值）！

核心原因 #

在JavaScript里，只有false、0、""、null、undefined、NaN是“假值”，其他所有值都是“真值”——哪怕是字符串"false"也会被当成true来处理。所以当test是字符串"false"时，test ? true : false这个三元表达式会返回true，刚好和你的输出匹配。

你可以先验证一下这个猜想，在代码里加一行：

console.log(typeof this.vorgang.isEK);

如果输出是string而不是boolean，那就坐实了这个问题。

修复方案 #

根据你的场景，有两种处理方式：

• 从根源解决（优先推荐）：
  如果能修改类的实现，确保isEK被赋值为真正的布尔值（true或false，而不是字符串），这样后续的逻辑判断就不会出问题。

• 在使用时做类型转换：
  如果你没法修改类的代码，可以在获取属性后手动转换为布尔值：

  • 针对字符串化的布尔值（比如"true"/"false"），最稳妥的方式是用JSON.parse：

    let test = JSON.parse(this.vorgang.isEK);
    let test2 = test ? true : false; // 现在就会正常返回true/false了
    

  • 或者用严格相等判断来明确转换：

    let test = this.vorgang.isEK;
    let test2 = test === true || test === "true" ? true : false;
    

补充说明 #

为什么输出里的test显示为false？因为当你把字符串"false"和其他字符串拼接时，它会直接显示自身内容，看起来和布尔值false一模一样，但两者的类型和在逻辑判断中的表现完全不同——这就是你被误导的地方！

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