JavaScript数值格式化问题源于类型、精度、本地化和API误解；需理解浮点限制、Intl.NumberFormat配置及字符串隐式转换，避免toFixed误用，正确处理舍入、比较与国际化一致性。
JavaScript 数值格式化常见问题大多源于对类型、精度、本地化和 API 行为的误解。关键在于理解 Number 类型的浮点限制、Intl.NumberFormat 的配置逻辑，以及字符串转换时的隐式行为。
浮点数精度导致的显示异常
JavaScript 使用 IEEE 754 双精度浮点数，0.1 + 0.2 !== 0.3 是典型表现。这会影响四舍五入、比较和格式化结果。
- 避免直接用
toFixed()处理计算结果：它返回字符串且可能因精度误差产生意外位数（如(0.1 + 0.2).toFixed(2)得到"0.30"，看似正常，但(1.005).toFixed(2)得到"1.00"而非"1.01"） - 需要精确舍入时，先用
Math.round(num * Math.pow(10, digits)) / Math.pow(10, digits)手动处理，或使用Intl.NumberFormat配合roundingMode（现代浏览器支持） - 做等值判断前，用
Number.EPSILON或固定小数位后转字符串比对，而非直接===
Intl.NumberFormat 的 locale 和选项陷阱
Intl.NumberFormat 灵活但配置不当易出错：千分位符号、小数点、货币符号、舍入规则都依赖 locale 和显式选项。
- 不指定
useGrouping: true时，即使 locale 支持千分位，也可能不显示（默认为true，但某些旧环境或自定义配置下可能失效） - 货币格式必须同时指定
style: 'currency'和currency，否则抛错；currencyDisplay: 'code'可强制显示币种代码而非符号 - 不同 locale 对负数表示不同（如
en-US用-1,234.56，de-DE用-1.234,56），若需统一格式，应固定 locale 或后处理字符串
toPrecision()、toFixed()、toString() 的行为差异
三者用途不同，混用易引发截断、补零或科学计数法等非预期效果。
立即学习“Java免费学习笔记（深入）”；
-
toFixed(n)强制保留 n 位小数，不足补零，超出则四舍五入，返回字符串；对大数（≥1e21）会自动转科学计数法 -
toPrecision(n)控制有效数字总数（含整数+小数部分），可能返回科学计数法，适合精度优先场景 -
toString(radix)默认 radix=10，但对浮点数不控制小数位；String(num)等价于num.toString()，不保证格式稳定
国际化与服务端协同时的格式一致性
前端格式化结果若和服务端渲染或 API 返回的字符串不一致，会导致 UI 错乱或校验失败。
- 避免在服务端返回已格式化的数字字符串（如
"$1,234.56"），应传原始数值，由前端按用户 locale 格式化 - 若服务端必须返回格式化字符串，需约定统一 locale（如
en-US）并明确分隔符规则，前端解析时用正则谨慎提取数值 - 表单输入时，用
input type="number"并配合step属性控制精度，而非依赖格式化后的字符串直接赋值
