JavaScript数值计算精度问题：电商客户端如何保障计算精度？

先看你碰到的这个典型浮点数精度坑：

let price: number = 0.7; // $
let discountPrice: number = 0.6; // $
let netPrice: number = price - discountPrice;
console.log(netPrice); // 0.09999999999999998 but not 1 cent

正如你所说，这完全是IEEE 754浮点数标准的锅——二进制没法精确表示像0.1这类十进制小数，叠加计算后就会出现精度漂移，在电商场景里这可是绝对不能忍的，毕竟涉及到真金白银的交易。

下面是电商客户端里最常用的几种解决办法，按优先级排序：

1. 用整数存储金额（首选方案） #

这是最稳妥、最直接的办法：把所有金额转换成最小货币单位的整数来存储和计算，比如美元转美分、人民币转成分。等需要展示给用户时，再除以100转成小数格式。

拿你的例子改一下：

let priceInCents: number = 70; // 对应0.7美元
let discountPriceInCents: number = 60; // 对应0.6美元
let netPriceInCents: number = priceInCents - discountPriceInCents;
console.log(netPriceInCents / 100); // 输出0.1，完全精准

这种方法彻底避开了浮点数的精度问题，计算速度快，也没有额外依赖，是电商场景的首选。

2. 使用高精度数值处理库 #

如果你的场景比较复杂（比如涉及汇率换算、阶梯折扣这类需要直接处理小数的情况），可以用专门的高精度数值库，比如decimal.js或者big.js。这些库用字符串或自定义数据结构存储数值，从根源上避免浮点数精度丢失。

示例代码（以decimal.js为例）：

import Decimal from 'decimal.js';

const price = new Decimal(0.7);
const discountPrice = new Decimal(0.6);
const netPrice = price.minus(discountPrice);
console.log(netPrice.toNumber()); // 输出0.1

不过要注意，引入这类库会稍微增加项目打包体积，所以如果只是简单的加减乘除，还是优先用整数方案。

3. 仅用于展示的格式化（不推荐用于计算） #

如果只是展示时需要让数值看起来正确，而核心计算已经用了上面两种方法之一，可以用toFixed()或者Intl.NumberFormat来格式化输出。但绝对不能用这个方法做计算，因为toFixed()返回的是字符串，且中间的四舍五入会导致累计误差。

示例：

let netPrice: number = 0.7 - 0.6;
console.log(netPrice.toFixed(2)); // 输出"0.10"，适合展示给用户

总结一下：电商场景下，优先用整数存储最小货币单位的方案，简单可靠；复杂场景再考虑高精度库；格式化只是表面功夫，解决不了计算层面的精度问题。

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