在前端开发中，我们经常会使用 new Date() 方法来获取当前日期时间或者指定的日期时间。其中，new Date(milliseconds) 方法可以通过传入毫秒数来创建一个日期对象。但是，在实际使用过程中，有时候会遇到 new Date(milliseconds) 返回 Invalid date 的情况，这个问题可能会导致一些程序异常或者错误。
问题分析
为了更好地理解 new Date(milliseconds) 方法返回 Invalid date 的原因，我们需要先了解 JavaScript 中日期对象的基本概念。在 JavaScript 中，日期对象是以 UTC 时间戳的形式存储的，即距离 "1970 年 1 月 1 日 00:00:00" 的毫秒数。因此，我们在使用 new Date(milliseconds) 方法时需要传入一个合法的毫秒数值。
然而，当传入的毫秒数值不合法时，new Date(milliseconds) 方法就会返回 Invalid date。其中，常见的传入非数字、NaN、Infinity 和 -Infinity 等不合法的毫秒数值都会导致该问题的出现。
下面是一些示例代码：
-- -------------------- ---- ------- -- ----- ----- ------------ - --- ------------ -- -- --- ----- ------------ - --- ---------- -- -- -------- - --------- ----- ------------ - --- --------------- ----- ------------ - --- ----------------
解决方法
当出现 new Date(milliseconds) 返回 Invalid date 的情况时，我们需要对传入的毫秒数值进行验证和处理。下面是一些解决方法：
1. 使用正则表达式验证
可以使用正则表达式来验证传入的毫秒数值是否合法。例如，以下代码就可以判断一个字符串是否为数字：
function isNumber(str) {
return /^\d+$/.test(str);
}
console.log(isNumber("123")); // true
console.log(isNumber("abc")); // false在实际使用中，我们可以结合 isNumber 函数来判断传入的毫秒数值是否为数字，并避免传入 NaN、Infinity 和 -Infinity 等不合法的值。
2. 使用 isNaN 和 isFinite 函数判断
可以使用 JavaScript 提供的 isNaN 和 isFinite 函数来判断传入的毫秒数值是否合法。其中，isNaN 函数可以用于判断是否为 NaN，而 isFinite 函数可以用于判断是否为有限数值。
例如，以下代码可以判断一个变量是否为有效的毫秒数值：
-- -------------------- ---- ------- -------- --------------------------------- - ------ -------------------- -- ----------------------- - --------------------------------------- -- ---- ---------------------------------------- -- ----- -------------------------------------- -- ----- ------------------------------------------- -- ----- -------------------------------------------- -- -----
3. 使用 try-catch 处理异常
可以使用 try-catch 语句来捕获 new Date(milliseconds) 方法返回的异常，并在捕获到异常时进行相应的处理。例如，以下代码就可以避免程序因为 new Date(milliseconds) 返回 Invalid date 而抛出异常：
-- -------------------- ---- -------
-------- --------------------- -
--- -----
--- -
---- - --- -------------------
- ----- --- -
-- ----
---- - -----
-
------ -----
-
--------------------------- -- --- --- -- ---- -------- -------- --------
---------------------------- -- ----总结
通过本文的介绍，我们了解了 new Date(milliseconds) 返回 Invalid date 的原因以及如何解决这个问题。在实际开发中，我们需要对传入的毫秒数值进行有效性验证和异常处理，
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29922