为什么JavaScript使用parseFloat后数值仍被当作字符串处理？

1. toFixed() 方法的返回值是字符串类型，而非数值类型。你在循环中把parseFloat得到的数值调用toFixed(2)之后，直接和total_amount相加，此时触发字符串拼接逻辑，而非数值加法，导致结果变成多个字符串拼接的产物。
2. 后续计算税费时，total_amount已经是拼接后的非法格式字符串（比如"03800.002599.99"），直接参与数值运算会得到非法数值NaN，后续的计算自然全部出错。
3. 计算gross_amount时你又直接把字符串类型的total_amount和字符串类型的tax相加，再次触发字符串拼接，得到错误结果。

核心原则：所有数值运算阶段都保持数值类型，仅在最终输出、需要展示格式化结果的时候再调用toFixed(2)处理精度。
修复后的代码如下：

var total_amount = 0.00;

function update_totals() {
    total_amount = 0;
    tableRows = document.querySelectorAll('[id^="amount_"]');
    for (var i = 0, len = tableRows.length; i < len; i++) {
        // 运算全程使用数值类型，不要提前调用toFixed
        const currentVal = parseFloat(tableRows[i].innerText);
        // 额外加非空判断，避免某个标签内容不是数字导致整体计算错误
        if (!isNaN(currentVal)) {
            total_amount += currentVal;
        }
    }
    // 所有数值运算完成后，再统一处理精度
    total_amount = parseFloat(total_amount.toFixed(2));
    tax = parseFloat((total_amount * 5 / 100).toFixed(2));
    gross_amount = parseFloat((total_amount + tax).toFixed(2));

    // 输出时再调用toFixed得到两位小数的格式化结果
    console.log(total_amount.toFixed(2));
    console.log(tax.toFixed(2));
    console.log(gross_amount.toFixed(2));
}

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