JavaScript中从Date对象提取本地HH:MM:SS格式时间的惯用方法

你当前通过字符串分割取值的写法存在严重的兼容性风险：ECMAScript 标准没有对Date.prototype.toString()的返回格式做强制约束，不同浏览器、不同Node.js版本、不同系统语言/时区环境下，返回的字符串结构、字段顺序都可能存在差异，靠固定索引切分字符串极易出现取值错误，不适合在生产环境使用。

符合语言规范的惯用实现有以下两类：

方案1：使用内置本地化格式化API（最推荐） #

优先使用标准内置的时间格式化API，不需要手动处理时区偏移、数值补零，代码最简洁，也是目前行业内的通用写法：

const date = new Date();
// 生成本地时区下24小时制的时分秒字符串
const localTime = date.toLocaleTimeString('zh-CN', {
  hour12: false,
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
});
// 输出示例："21:37:50"

如果项目里有多处需要用到相同格式的时间输出，可以用Intl.DateTimeFormat复用格式化实例，性能更优：

const localTimeFormatter = new Intl.DateTimeFormat('zh-CN', {
  hour12: false,
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
});
const localTime = localTimeFormatter.format(new Date());

方案2：手动调用本地时间getter拼接（兼容性拉满） #

如果需要兼容非常老旧的运行环境，或者要自定义特殊的时间格式，可以直接调用Date实例的本地时间读取方法，手动补零拼接即可。注意不要误用带UTC前缀的方法，这类方法返回的是0时区的时间值，不是本地时间：

const date = new Date();
// 个位数补前导零的工具函数
const padZero = num => String(num).padStart(2, '0');
const localTime = `${padZero(date.getHours())}:${padZero(date.getMinutes())}:${padZero(date.getSeconds())}`;
// 输出示例："21:37:50"

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