从“消失的 1 千粉丝”看 toFixed 的坑

toFixed 是 JavaScript 中的一个函数，用于将数字转换为字符串，并指定小数点后的位数。toFixed 的用法非常简单，只需在数字后面加上 .toFixed()，括号内指定要保留的小数点位数即可。

举个例子，如果我们有一个数字 123.456，想把它转换为字符串，并保留两位小数，就可以使用以下代码：

const number = 123.456;
const string = number.toFixed(2);
console.log(string); // 输出: "123.46"

toFixed 函数的原理很简单，它先把数字转换为字符串，然后根据指定的小数点位数，对字符串进行截断或舍入。如果要保留的位数大于数字的小数点位数，则直接截断；如果要保留的位数小于数字的小数点位数，则进行舍入。

在实际开发中，toFixed 函数经常被用来对数字进行格式化。比如，我们想把一个数字转换为货币格式，就可以使用 toFixed 函数来保留两位小数，然后在数字后面加上货币符号。

const price = 123.456;
const formattedPrice = price.toFixed(2) + "元";
console.log(formattedPrice); // 输出: "123.46元"

toFixed 函数虽然简单易用，但也有一个需要注意的坑，那就是精度问题。toFixed 函数在进行截断或舍入时，可能会导致数字精度丢失。

比如，如果我们有一个数字 123.45，想把它转换为字符串，并保留一位小数，就可以使用以下代码：

const number = 123.45;
const string = number.toFixed(1);
console.log(string); // 输出: "123.4"

在这个例子中，toFixed 函数把数字 123.45 截断为 123.4，导致数字精度丢失。为了避免这种情况，我们可以使用 Math.round() 函数来对数字进行四舍五入，然后再转换为字符串。

const number = 123.45;
const string = Math.round(number).toFixed(1);
console.log(string); // 输出: "123.5"

在 Math.round() 函数中，数字 123.45 被四舍五入为 123.5，然后再转换为字符串，这样就避免了精度丢失的问题。

在实际开发中，我们应该根据具体情况选择使用 toFixed 函数还是 Math.round() 函数。如果需要保留数字的精度，就应该使用 Math.round() 函数；如果不需要保留数字的精度，就可以使用 toFixed 函数。