ECMAScript 2017 中的新增的 Math 操作方法：Math.clamping 和 Math.scale-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2017 标准中，新增了两个 Math 操作方法——Math.clamping 和 Math.scale，这两个方法都能够方便地对数值进行转换和限制。在本文中，我们将详细介绍这两个方法的语法、使用场景以及示例代码，以便读者更好地理解和掌握这些新增的 Math 操作方法。

Math.clamping

Math.clamping 方法可以用来将一个数值限制在最小值和最大值之间。其函数签名如下：

Math.clamping(x, lower, upper)

其中，x 表示要限制的数值，lower 表示最小值，upper 表示最大值。如果 x 小于 lower，则返回 lower；如果 x 大于 upper，则返回 upper；否则返回 x 自身。下面是一个 Math.clamping 的示例代码：

console.log(Math.clamping(5, 0, 10));   // 5
console.log(Math.clamping(-1, 0, 10));  // 0
console.log(Math.clamping(15, 0, 10));  // 10

在这个示例中，我们分别将数值 5、-1 和 15 限制在了 0 和 10 之间。

Math.clamping 方法的使用场景非常广泛，比如说限制一个数量在一定的范围内、限制一个滑动条的取值、限制一个分数在 0 到 100 之间，等等。

Math.scale 方法可以用来对一个数值进行线性比例尺的转换。其函数签名如下：

Math.scale(x, inLow, inHigh, outLow, outHigh)

其中，x 表示要进行转换的数值，inLow 和 inHigh 分别表示原始数值的最小值和最大值，outLow 和 outHigh 分别表示转换后数值的最小值和最大值。下面是一个 Math.scale 的示例代码：

console.log(Math.scale(5, 0, 10, 0, 100));  // 50
console.log(Math.scale(3, 1, 5, 10, 20));  // 16

在这个示例中，我们分别将原始数值在 0 到 10 之间转换为在 0 到 100 之间的数值，以及将原始数值在 1 到 5 之间转换为在 10 到 20 之间的数值。

Math.scale 方法的使用场景也非常广泛，比如说对音量大小进行线性调整、对颜色值进行比例缩放、等等。

ECMAScript 2017 中新增的 Math 操作方法——Math.clamping 和 Math.scale，能够为前端开发带来更便捷的数值转换和限制方法。这些方法不仅使用简单、语法清晰，而且适用范围广泛，值得前端开发人员们尝试掌握。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6483efdf48841e9894325a70