React函数报错Uncaught ReferenceError：total初始化前无法访问

报错原因 #

你在sumExpenses函数的reduce回调里，错误地尝试返回还未初始化的total变量。total是整个reduce方法执行完毕后才会被赋值的常量，在reduce的迭代过程中它根本不存在，这直接触发了引用错误。

虽然你正确计算出了每一步的累加结果final，但没有把这个值返回给reduce的累加器acc，反而去引用未定义的total，这就是报错的核心。

修复后的代码 #

把回调里的return total;替换为return final;，同时可以优化精度处理逻辑（避免多次toFixed导致的精度丢失）：

sumExpenses = () => {
    const { expenses } = this.props;
    const total = expenses.reduce((acc, e) => {
      const parc = Number(e.value) * Number(e.exchangeRates[e.currency].ask);
      return acc + parc;
    }, 0).toFixed(2);
    // 如果需要数值类型而非字符串，可转为Number：Number(total)
};

额外优化建议 #

• 不要在reduce的每一次迭代中调用toFixed，该方法会返回字符串，多次转换可能引发精度偏差，建议在累加完成后统一处理小数位数。
• 可添加简单的类型校验，确保e.value和exchangeRates[e.currency].ask都是有效数值，避免非数值计算导致的异常。

内容的提问来源于stack exchange，提问作者Marcel Guimarães