JavaScript判断数字类型的最简实现：从typeof到obj===+obj

JavaScript判断数字类型的演进

在JavaScript中，我们通常首先想到使用typeof运算符来检查变量是否为number类型。

function isNumber(obj) {
return typeof obj === 'number'
}

上述函数在处理常规整数和浮点数时表现正常，但当输入为NaN（Not a Number）时，它依然返回true。这在实际开发中往往不符合预期，因为NaN通常不参与有效的算术运算。

为了改进这一点，可以尝试使用Object.prototype.toString方法。

function isNumber(obj) {
return Object.prototype.toString.call(obj) === '[object Number]'
}

这种方式与typeof类似，对NaN也返回true，且代码更加冗长，并非理想方案。虽然toString.call常用于判断数组，但在处理数字类型时显得力不从心。

另一种改进思路是结合isNaN函数来处理NaN值。

function isNumber(obj) {
return typeof obj === 'number' && !isNaN(obj)
}

此版本在传入非数字（如NaN或无法转换为有效数字的值）时能正确返回false。

function isNumber(obj) {
return typeof obj === 'number' && !isNaN(obj)
}
isNumber(1) // true
isNumber(1.2) // true
isNumber(NaN) // false
isNumber( parseInt('a') ) // false

上述isNumber函数已相当完善，但还有一个等效的替代方案，即使用isFinite函数进行判断。

function isNumber(obj) {
return typeof obj === 'number' && isFinite(obj)
}

至此，前几种方案中代码最短的是使用isNaN函数的版本。但本文将介绍目前公认的最短数字判断代码。

最简实现：obj === +objfunction isNumber(obj) {
return obj === +obj
}

该表达式对整数和浮点数返回true，而对NaN或无法转换为数字的值返回false。

如果对此感到困惑，不必担心，下面将解释其原理。

有读者指出，参数obj可以替换为任意字符，这确实正确。

举一反三，利用JavaScript的动态类型特性（运算符执行时的自动类型转换），还可以实现其他类型的最短判断。

// 判断字符串
function isString(obj) {
return obj === obj+''
}
// 判断布尔类型
function isBoolean(obj) {
return obj === !!obj
}