在 ES9 中，数字将使用 toJSON 而不是 toString 进行输出和转换。这一变化对前端开发具有重要意义，能够带来更为精确和可读的数字输出。
现状问题：散乱输出
在现有的 JavaScript 代码中，数字的输出方式往往比较杂乱，缺乏一致性。例如，当我们希望将数字转换为字符串时，可能会使用以下方法之一：
const num = 42; // 使用 toString 方法 num.toString(); // "42" // 使用加号拼接字符串 num + ''; // "42"
很显然，这些方法并不是特别精准和直观。例如，将数字转换为字符串时，可能出现小数点后的一串 0 或奇怪的科学计数法，这些对表达数字的本质并没有实质性的帮助。
解决方案：使用 toJSON 方法
ES9 中，为数值类型新增了 toJSON 方法，该方法会返回一个数值对应的 JavaScript 对象表示形式。例如：
const num = 42; // 使用 toJSON 方法 num.toJSON(); // 42
这里，num.toJSON() 会返回一个仅包含数值本身的 JavaScript 对象，而不是一串杂乱无章的字符串。使用 toJSON 方法可以帮助开发者更准确地描述和传递数据，增强代码的可读性和表现力。
深度指导：如何使用 toJSON
在实际开发中，我们可以根据需求差异，灵活应用 toJSON 方法。以下是一些关键的应用场景：
转换为 JSON 字符串
在将 JavaScript 对象序列化为字符串（例如传输给服务器或存储在本地）时，数字类型也可以使用 toJSON 来获得更好的输出结果：
const nums = [42, 3.14, -7]; // 转换为 JSON 字符串 JSON.stringify(nums); // "[42,3.14,-7]"
这里，JSON.stringify 方法会依次调用每个元素的 toJSON 方法，以获得更加准确的输出结果。
扩展 toJSON 方法
除了使用默认的 toJSON 方法外，我们还可以自定义 toJSON 方法，以覆盖默认的行为。例如，我们可以将数字统一输出为科学计数法，以加强数值的表现力：
Number.prototype.toJSON = function () {
return this.toExponential();
};
const num = 98765432;
// 使用自定义的 toJSON 方法
JSON.stringify(num); // "9.8765432e+7"掌握更多高级技巧
除了上述常见应用场景外，toJSON 方法还有许多其他高级技巧可以应用。例如，我们可以使用 Object.defineProperty 方法来对对象中的某些属性覆盖 toJSON 输出方法，实现更加个性化的输出效果。在实践中，我们应保持探索和学习的热情，以运用新特性解决实际问题，提升代码质量。
总结
在 ES9 中，数字的 toJSON 输出方式比 toString 更精准和可读。使用 toJSON 方法可以帮助我们更准确地描述和传递数据，提升代码质量和表现力。在运用新特性时，我们应保持不断探索和学习的热情，以不断提升自身的技术水平和实践能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454a586968c7c53b08758aa