为什么Math.max()传入NaN会返回NaN？其底层实现逻辑是什么？

核心原因 #

Math.max的返回规则完全遵循ECMAScript语言规范，出现该现象的核心逻辑有两点：

• NaN的比较特性：NaN是「非数值」的标记，任何涉及NaN的大小比较、相等比较运算结果都为false，不存在比任意数值大或者小的逻辑判定结果。
• Math.max的执行要求：规范明确规定，只要Math.max的入参列表中存在任意一个转换为数字类型后值为NaN的参数，函数直接返回NaN，无需完成剩余参数的比较，哪怕参数中包含Infinity也不例外。

为什么false不会触发NaN返回 #

false属于布尔类型，在进入Math.max比较前会自动执行ToNumber隐式类型转换，false转换为数字0，属于合法数值，因此可以正常参与大小比较，所以Math.max(false,4,5)实际是对0、4、5三个数值取最大值，返回结果为5。

业务场景规避方案 #

你遇到的NaN持续污染结果的问题，可以通过提前校验数值合法性解决，在把接口返回值传入Math.max前先做有效性判断，过滤NaN值，示例代码如下：

let prevMax = -Infinity // 初始最大值可根据业务调整
function fetchAndUpdateMax() {
  const apiValue = getValueFromApi() // 你的接口拉取逻辑
  // 仅当返回值为合法有限数值时才参与计算，否则沿用之前的最大值
  const validValue = Number.isFinite(apiValue) ? apiValue : prevMax
  prevMax = Math.max(prevMax, validValue)
}

内容的提问来源于stack exchange，提问作者Jimmy Neutron