TypeScript中isNaN无法接收Date对象的问题求助

我明白你遇到的困扰了——当你想用!isNaN(time)判断Date对象是否有效时，TypeScript抛出了类型不匹配的错误。这是因为isNaN()函数的参数要求是number类型，你直接传入Date对象的话，虽然JavaScript会做隐式转换，但TypeScript的严格类型检查不允许这种操作。

下面给你几个实用的解决方案：

方案1：用Date.getTime()获取时间戳 #

无效的Date对象调用getTime()会返回NaN，我们把这个数值传给isNaN()，就能符合类型要求了：

const isObjectClass = (value: any, className: any) => (Object.prototype.toString.call(value) === `[object ${className}]`);
export const isDate = (value: any) => isObjectClass(value, 'Date');
const time = (time: Date): string => {
  // 改用getTime()获取数字类型的时间戳
  return ((isDate(time) && !isNaN(time.getTime())) ? time : new Date()).toISOString();
};

方案2：将Date对象转为数字类型 #

你也可以通过+运算符或者valueOf()方法把Date对象转为数字（本质也是时间戳），同样能满足isNaN()的参数类型要求：

const time = (time: Date): string => {
  // 用+运算符转换为数字
  return ((isDate(time) && !isNaN(+time)) ? time : new Date()).toISOString();
  // 或者用valueOf()实现同样效果
  // return ((isDate(time) && !isNaN(time.valueOf())) ? time : new Date()).toISOString();
};

方案3：封装严谨的类型守卫函数 #

如果想让代码更整洁、类型更安全，可以封装一个同时检查「是否为Date」和「是否有效」的类型守卫函数，这样TypeScript能更好地推断变量类型：

// 类型守卫：返回true时，value会被TS推断为有效的Date对象
const isValidDate = (value: any): value is Date => {
  return Object.prototype.toString.call(value) === '[object Date]' && !isNaN(value.getTime());
};

const time = (time: Date): string => {
  return isValidDate(time) ? time.toISOString() : new Date().toISOString();
};

这样修改后，不仅解决了类型错误，还提升了代码的可读性和类型安全性。

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