在前端开发中，我们经常需要对数字进行格式化处理。toFixed()和toPrecision()是两种常见的数字格式化方法。它们可以将数字保留指定位数的小数位数，并返回一个字符串表示该数字。
toFixed()
toFixed() 方法可以将一个数字四舍五入为指定小数位数的十进制数，并以字符串形式返回结果。语法如下：
----------------------
其中，digits参数是保留的小数位数，范围是0到20，默认值为0。如果 digits 参数是负数或大于20，会触发 RangeError 错误。
示例代码如下：
----- --- - -------- ---------------------------- -- -- ------ --------------------------- -- -- ---
toPrecision()
toPrecision()方法返回一个指定精度的数字表示的字符串，它包含有效数字的总数（整数部分和小数部分），语法如下:
-----------------------------
其中，precision参数是要保留的有效数字的位数，范围是1到21，默认值是所有有效数字。如果 precision 参数是负数或大于21，会触发 RangeError 错误。
示例代码如下：
----- --- - ----------- -------------------------------- -- -- ---------- ------------------------------- -- -- ------------
差异
toFixed() 和 toPrecision() 方法的主要区别在于它们保留小数位数的方式不同。toFixed()方法会将小数部分四舍五入到指定的小数位数，而toPrecision()方法会保留所有有效数字，并以科学记数法表示。
另一个差异是它们对于没有小数部分的数字的处理方式。如果对整数使用toFixed()方法，则会在结果中添加小数点和指定数量的零。而对于toPrecision()方法，它不会添加小数点或零，因为整数本身就是具有精度的数字。
学习和指导意义
在实际开发中，我们应该根据需要选择使用哪种格式化方法。如果我们在进行货币计算等需要精确小数位数的场景中，应该使用toFixed()方法来确保精度。如果我们想要保留所有有效数字并以科学计数法表示，则应该使用toPrecision()方法。
除此之外，我们还需要注意参数范围和处理边界情况的正确性。
总结
toFixed()和toPrecision()是常用的数字格式化方法，它们可以让我们方便地控制数字的小数位数和有效数字位数，但是它们的保留方式不同，需要根据需求选择使用。在使用时，我们需要了解其参数范围、边界情况和正确处理方式。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11531