使用JS开发计算器时如何处理9999999999999999这类大整数运算精度问题

问题原因 #

JavaScript 中默认的Number类型采用双精度64位浮点数存储规则，能安全表示的整数范围为Number.MIN_SAFE_INTEGER（-9007199254740991）到Number.MAX_SAFE_INTEGER（9007199254740991）。你输入的9999999999999999已经超出了安全整数范围，存储时就已经发生精度丢失，使用Number()、parseFloat()这类转普通数字类型的方法自然无法解决问题。

解决方法 #

方案1：使用原生BigInt类型（推荐） #

ES2020 已经原生支持BigInt大整数类型，专门用于处理超出安全整数范围的整数值运算：

• 声明大整数可以在数字末尾加后缀n，或者用BigInt()构造函数传入数字字符串生成
• 运算时运算符两侧都需要为BigInt类型，不能直接和普通Number类型混合运算
• 输出结果时可通过.toString()去掉后缀n，转为普通字符串展示

代码示例：

// 直接用BigInt运算
const result = 9999999999999999n + 2n
console.log(result.toString()) // 输出 10000000000000001

方案2：使用第三方高精度运算库 #

如果需要兼容不支持ES2020的旧环境，或者同时需要处理小数高精度运算（比如避免0.1+0.2=0.30000000000000004的问题），可以选择成熟的第三方库比如bignumber.js、decimal.js：

• 所有数值都以字符串形式传入构造函数，避免提前转Number导致精度丢失
• 调用库提供的运算方法完成加减乘除等操作

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

const BigNumber = require('bignumber.js')
const num1 = new BigNumber('9999999999999999')
const result = num1.plus(2)
console.log(result.toString()) // 输出 10000000000000001

开发计算器的注意要点 #

用户输入的所有数值都要优先以字符串形式存储、传递，不要直接转成Number类型处理，从源头上避免精度丢失问题。

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