在前端开发过程中，我们经常会处理各种数字类型的数据。然而，在 JavaScript 中，由于浮点数的精度问题，很容易导致计算结果出现误差。ES2017 中新增的 Math.fround() 方法可以帮助我们解决这个烦恼。
ES2017 中的 Math.fround()
在介绍 Math.fround() 方法之前，我们先来了解一下 JavaScript 中的精度问题。
在 JavaScript 中，所有数字都是以 IEEE 754 标准的双精度浮点数存储的。这意味着，对于一些小数，其实际的十进制表示会存在误差。
举个例子：
0.1 + 0.2 === 0.3 // false
这是因为在进行浮点数计算时，计算机采用二进制来表示小数，而很多十进制分数在二进制中无法准确表示，因此会出现精度误差。
在 ES2017 中，新增了 Math.fround() 方法，该方法接收一个参数并返回最接近该参数的单精度浮点数表示。
举个例子：
Math.fround(0.1 + 0.2) === 0.3 // true
通过使用 Math.fround() 方法，我们可以将数字转换为单精度浮点数，从而避免出现精度误差。
值得一提的是，Math.fround() 方法不会改变传入参数的类型，如果参数为整数或双精度浮点数，则会返回相应的单精度浮点数。
Math.fround(123) === 123 // true Math.fround(0.1) === 0.10000000149011612 // false（注意精度误差）
应用场景
在业务开发中，我们很容易遇到需要进行数值计算的场景。例如购物车结算、金融计算等。而这些计算往往需要高精度的数字表示。
如果我们使用双精度浮点数进行计算，很容易出现精度误差。而使用 Math.fround() 方法可以将数值转换为单精度浮点数，从而减少误差。
举个例子：
const calcTotalPrice = (price, num) => {
const totalPrice = price * num;
return Math.fround(totalPrice);
}
calcTotalPrice(0.1, 0.2) // 0.020000001通过使用 Math.fround() 方法，我们得到了更为精确的计算结果。
总结
ES2017 中的 Math.fround() 方法为我们解决了 JavaScript 中数字精度问题提供了一个简单实用的解决方案。在处理数值计算时，我们可以使用该方法将数字转换为单精度浮点数，从而避免精度误差。
代码示例：
const calcTotalPrice = (price, num) => {
const totalPrice = price * num;
return Math.fround(totalPrice);
}
calcTotalPrice(0.1, 0.2) // 0.020000001来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647183e0968c7c53b0f60064