【前端冷知识】冷门函数之Math.hypot

最近我在做数据可视化和图形图像渲染相关的技术研究，而图形图像涉及到许多几何图形的向量运算，我们求一个向量的模，需要计算每个坐标分量的平方和，然后开根号。

一般来说，我们使用类似如下的代码：

但是，在ES2015中，提供了Math.hypot方法，来计算参数的平方根。

目前除了IE外，其他的浏览器都支持这个方法。

?? 冷知识 —— Math.hypot的坑：你可能会认为Math.hypot是内置函数，它的性能应该要比用Math.sqrt好，但是实际上并不是这样。我们写一段测试脚本：

用jsperf进行测试，结果令人惊讶，在我的Chrome 75下，使用Math.hypot竟然比使用Math.sqrt慢40%左右。

也许是我使用的姿势不对？但是kangax大神早在14年的时候就写过更多case来测试：

结果。。。

所以一个ES2015开始支持的数学函数，又是很常用的运算，却没有多少人使用，也没有多少人介绍它，也是有理由的 —— 性能捉急。

不过hypot性能不如sqrt，也并不意味着它完全不可用。

在某些情况下，使用hypot能得到sqrt无法得到的结果。比如特别大的数或者特别小的数值下：

所以，如果我们要处理很大的数或很小的数时，可以使用Math.hypot，在一般情况下，还是使用Math.sqrt为好。例如：

关于Math.hypot还有什么问题，可以在issue中讨论。