在前端开发中，数据的处理是非常常见的操作，而数据类型的判断则是一项基础但又特别重要的任务。在 ECMAScript 5 之前，我们需要通过 typeof、instanceof、toString 等方法来判断数据类型，但是由于各种问题，这些方法存在一定程度的缺陷。幸运的是，ECMAScript 2015 中新增了一些方法，可以很好地解决数据类型判断的问题。
新增的方法
在 ECMAScript 2015 中，新增了两个方法：Object.is 和 Number.isNaN。
Object.is
Object.is 方法用来判断两个值是否相等，与 === 的区别在于，Object.is 可以正确处理 NaN 和 -0。
// 判断两个值是否相等 Object.is(1, 1); // true Object.is(1, '1'); // false Object.is(0, -0); // false // 处理 NaN 和 -0 Object.is(NaN, NaN); // true Object.is(-0, 0); // false
Number.isNaN
Number.isNaN 方法用来判断一个值是否为 NaN，与 isNaN 的区别在于，Number.isNaN 只有在值为 NaN 的情况下返回 true。
// 判断是否为 NaN
Number.isNaN(NaN); // true
Number.isNaN('str'); // false
Number.isNaN(1 + 'str'); // true
isNaN(1 + 'str'); // true深入理解
具体实现方式
Object.is 方法使用了和 === 不同的比较规则，而 Number.isNaN 方法只有在值为 NaN 的情况下返回 true，这些操作的实现方式都很简单，可以参考下面的代码：
-- -------------------- ---- -------
--------- - ----------- -- -
-- -- --- -- -
-- -- --- - --
------ - --- - -- - - - --- - - --
- ---- -
------ - --- - -- - --- --
-
--
------------ - --------------- -
------ ------ ----- --- -------- -- -------------
--使用场景
使用 Object.is 方法可以很好地解决 NaN 和 -0 带来的问题，避免了一些意外的情况。而使用 Number.isNaN 方法则更加方便、准确地判断一个值是否为 NaN。在实际开发中，我们可以结合其他方式进行类型判断。
在使用 Object.is 方法时，特别需要注意 0 和 -0 的区别。在 JavaScript 中，0 和 -0 在大多数情况下是等价的，但是在一些特殊情况下，比如一些数学计算中，两者是不同的。
学习指导
使用 ECMAScript 2015 中新增的方法可以让我们更方便、准确地对数据类型进行判断。在使用之前，我们需要了解新方法的具体实现方式，以及适用情况。
除了 Object.is 和 Number.isNaN，ES2015 中还新增了其他方法，比如 Array.isArray、String.prototype.startsWith 和 String.prototype.endsWith 等，它们也都有着不同的作用和用法。我们可以通过学习和实践，掌握它们的使用技巧。
在实际开发中，为了避免意外情况的发生，我们应该在使用 typeof、instanceof、toString 等方法判断数据类型时，多加小心，同时也要注意 ECMAScript 规范的变化和修订。
示例代码
下面是使用 Object.is 和 Number.isNaN 进行数据类型判断的示例代码：
-- -------------------- ---- ------- -- --------- ---- ------------ --- -- ---- ------------ ----- -- ----- -- -- --- - -- -------------- ----- -- ---- ------------- --- -- ----- -- ------------ ----- --- ------------------ -- ---- -------------------- -- ----- -------------- - ------- -- ---- ------- - ------- -- ----
结论
数据类型判断在前端开发中是常见而重要的操作，ECMAScript 2015 中新增的 Object.is 和 Number.isNaN 方法可以很好地解决一些特殊情况下带来的问题。我们可以通过具体实现方式和使用场景等方面深入理解这些新方法，并在实践中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671de8b22e7021665ef43a57