JS使用|运算符为undefined设默认值时小数被截断问题

你使用的|是JavaScript的按位或运算符，它本身不具备空值兜底的能力，出现小数被截断是该运算符的固有执行逻辑导致的：

• 按位运算符执行时，会先将左右两侧的操作数强制转换为32位有符号整数，转换过程会直接丢弃所有小数部分，因此1.5会被转为1参与运算，这就是你看到赋值后小数被截断的根本原因。
• 你观察到undefined经过运算后得到0只是巧合：undefined转数字为NaN，按位运算规则中NaN会被等价为0处理，并不是|运算符专门设计了空值转0的逻辑。
• 你写的右操作数0.00和整数0在按位运算中没有任何区别，转32位整数后完全一致，起不到保留两位小数的作用。

不要使用按位运算符做空值兜底，根据场景选择正确的写法即可：

1. 优先使用ES2020标准新增的空值合并运算符??，该运算符仅在左侧值为null或undefined时才返回右侧的兜底值，不会对数值做任何强制整数转换，完全匹配你的需求：

   let N = couldReturnANumberOrUndefined() ?? 0;
   

2. 如果需要兼容不支持??的老旧运行环境，可以显式做类型判断：

   const rawValue = couldReturnANumberOrUndefined();
   let N = typeof rawValue === 'number' ? rawValue : 0;
   

关于你之前尝试的.toFixed(2)无效的问题，注意两个细节：

• .toFixed(2)的返回值是字符串类型，如果在循环过程中直接调用后累加，会触发字符串拼接逻辑，得到完全不符合预期的结果
• 小数精度处理应该放在所有累加计算完成后统一做，不要在单次循环中处理单步数值

修正后的完整可运行代码如下：

function getTotal() {
    let total = 0;

    for (let i = 0; i < 5; i++) {
        let N = couldReturnANumberOrUndefined() ?? 0;
        total += N;
    }

    // 最终计算完成后统一处理两位小数，需要数字类型就套一层Number，需要字符串直接返回toFixed结果即可
    return Number(total.toFixed(2));
}

function couldReturnANumberOrUndefined() {
    const r = Math.floor(Math.random() * 2);
    if (r === 0) {
        return undefined;
    } else {
        return 1.5;
    }
}

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