TypeScript中对象值与整数比较的if语句报错解决咨询

嘿，我之前也碰到过这个坑！核心问题是TypeScript的强类型检查和你对cancelled字段的类型预期不匹配——Ionic的barcodeScanner.scan()返回的barcodeData里，cancelled其实是布尔类型（boolean），不是你以为的数字0/1，这就是TS编译报错的根源。

为什么JS能运行但TS报错？ #

JavaScript是弱类型语言，会自动做类型隐式转换，false == 0会被判定为true，所以你的代码在JS里能正常工作。但TypeScript是强类型语言，严格禁止不同类型的值直接用==或===比较，所以会抛出Operator '==' cannot be applied to types 'boolean' and '0'的错误。

正确的解决方案 #

根据Ionic Barcode Scanner的类型定义，cancelled字段在用户取消扫描时为true，未取消时为false，你只需要直接判断布尔值即可：

方案1：用逻辑非判断（简洁常用）

this.barcodeScanner.scan().then((barcodeData) => {
  if (!barcodeData.cancelled) {
    // 用户未取消，继续执行你的代码
    console.log(`扫描内容：${barcodeData.text}，格式：${barcodeData.format}`);
  }
});

方案2：明确判断等于false（更直观）

this.barcodeScanner.scan().then((barcodeData) => {
  if (barcodeData.cancelled === false) {
    // 用户未取消，继续执行你的代码
  }
});

为什么你之前的尝试没成功？ #

• 用== 0/=== 0：TS不允许布尔值和数字直接比较，所以编译报错；
• 用单等号=：这是赋值操作，不是条件判断，会把cancelled强制设为0，完全偏离了你的逻辑；
• 用== false：理论上如果cancelled是布尔值的话，这个判断是有效的，但可能你测试时的场景没覆盖到，或者类型定义有延迟？不过更规范的还是用上面两种方案。

如果不确定字段类型，你可以在代码里加一行console.log(typeof barcodeData.cancelled)，打印出来确认一下，这样能更清晰地理解数据结构~

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