如何使用 Math.hypot() 函数计算两点间距离避免溢出？

本文共计531个文字，预计阅读时间需要3分钟。

`Math.hypot(x, y)` 是 JavaScript 中专门用于计算欧几里得距离的函数，它能安全地处理大数值，避免因为使用 `x * x + y * y` 或 `y * y + x * x` 等中间平方运算导致的数值溢出问题（例如 `Infinity`）。

为什么普通平方和开方容易溢出

直接写 Math.sqrt(x*x + y*y) 时，若 x 或 y 很大（例如接近 1e200），x * x 就会超出 Number.MAX_VALUE（约 1.8e308），结果变成 Infinity，最终距离也变成 Infinity，即使真实结果仍在可表示范围内。

Math.hypot() 内部采用缩放算法：先找出最大绝对值项，再将所有参数按比例缩小后计算，最后还原结果，从而全程避开大数平方。

正确用法：传入坐标差值，不手动平方

给定两点 (x1, y1) 和 (x2, y2)，应直接传入差值：

• ✅ 正确：Math.hypot(x2 - x1, y2 - y1)
• ❌ 错误：Math.sqrt((x2 - x1)**2 + (y2 - y1)**2)（可能溢出）
• ❌ 错误：Math.hypot((x2 - x1)**2, (y2 - y1)**2)（语义错误，会算错）

支持多维与空参，更健壮

Math.hypot() 不限于二维，天然支持任意维度（如三维点：Math.hypot(x2-x1, y2-y1, z2-z1)）。还支持 0 个或 1 个参数：

• Math.hypot() → 0
• Math.hypot(a) → |a|
• Math.hypot(a, b, c, ...) → √(a² + b² + c² + …)（无溢出风险）

实际例子对比

假设两点为 (1e200, 0) 和 (0, 0)：

• Math.sqrt(1e200 ** 2) → Infinity（因为 1e200 ** 2 === 1e400 > Number.MAX_VALUE）
• Math.hypot(1e200) → 1e200（正确）
• Math.hypot(1e200, 1e200) → ≈ 1.414e200（仍精确，无溢出）