能否重载TypeScript的Date构造函数？求正确语法

好问题！确实可以扩展Date构造函数来兼容你的自定义日期解析逻辑，同时保留原生Date的所有功能。你之前直接替换构造函数的写法会覆盖掉原生的全部行为，所以我们需要用包装原生构造函数的方式来实现，而不是完全替换它。

实现步骤 #

1. 首先保存原生的Date构造函数，避免丢失原有功能：

const OriginalDate = Date;

2. 包装Date构造函数，根据参数类型选择自定义解析或原生逻辑：
   我们需要处理Date构造函数的所有重载情况（无参、时间戳、Date对象、年/月/日参数等），只对单个字符串参数使用你的safeDateParse，其他情况都回退到原生构造函数：

// 重新定义Date构造函数
Date = function(...args: any[]): Date {
  // 仅当传入单个字符串参数时，使用自定义解析
  if (args.length === 1 && typeof args[0] === 'string') {
    return safeDateParse(args[0]);
  }
  // 其他情况调用原生构造函数
  return new OriginalDate(...args);
} as typeof OriginalDate;

3. 保留原生Date的静态属性和方法：
   因为我们重新赋值了Date函数，需要把原生的静态方法（比如Date.UTC、Date.now等）复制过来，同时保留你已经重载的Date.parse方法：

// 复制原生静态属性/方法，不覆盖已重载的parse
Object.assign(Date, OriginalDate, { parse: Date.parse });

完整示例（包含你的safeDateParse） #

假设你的safeDateParse实现如下（处理自定义日期格式）：

function safeDateParse(dateStr: string): Date {
  // 先尝试用你重载后的Date.parse解析
  const parsedTimestamp = Date.parse(dateStr);
  if (!isNaN(parsedTimestamp)) {
    return new OriginalDate(parsedTimestamp);
  }

  // 处理自定义格式，比如DD/MM/YYYY
  const parts = dateStr.split('/');
  if (parts.length === 3) {
    const day = parseInt(parts[0], 10);
    const month = parseInt(parts[1], 10) - 1; // 月份从0开始
    const year = parseInt(parts[2], 10);
    // 验证日期有效性
    const validDate = new OriginalDate(year, month, day);
    if (validDate.getDate() === day && validDate.getMonth() === month && validDate.getFullYear() === year) {
      return validDate;
    }
  }

  // 最终回退到原生构造
  return new OriginalDate(dateStr);
}

// 先重载Date.parse（你的原有代码）
Date.parse = function parse(dateAsString: string) {
  return safeDateParse(dateAsString).valueOf();
};

// 然后包装Date构造函数
const OriginalDate = Date;
Date = function(...args: any[]): Date {
  if (args.length === 1 && typeof args[0] === 'string') {
    return safeDateParse(args[0]);
  }
  return new OriginalDate(...args);
} as typeof OriginalDate;

// 保留静态方法
Object.assign(Date, OriginalDate, { parse: Date.parse });

测试效果 #

现在两种写法都能正常工作：

// 使用自定义格式
const customDate = new Date("31/12/2023");
console.log(customDate.toLocaleDateString()); // 输出对应地区格式的日期

// 使用原生支持的ISO格式
const isoDate = new Date("2023-12-31");
console.log(isoDate.toISOString()); // 输出"2023-12-31T00:00:00.000Z"

// 使用时间戳
const timestampDate = new Date(1703952000000);
console.log(timestampDate.toUTCString()); // 正常输出对应日期

// 调用重载后的parse
const parsedDate = new Date(Date.parse("01/01/2024"));
console.log(parsedDate.getFullYear()); // 输出2024

关键说明 #

• 我们没有完全替换Date构造函数，而是包装了它，这样原生的所有重载形式（比如new Date(2024, 0, 1)）都能正常工作。
• 当构造函数返回一个对象时，new操作符会直接返回这个对象，所以我们返回safeDateParse生成的Date实例是合法的。
• 通过Object.assign保留原生静态方法，同时确保你重载的Date.parse不会被覆盖。

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