跨时区日期格式化一致性：JavaScript Intl.DateTimeFormat相关疑问

我正在开发一个使用Intl.DateTimeFormat构造函数的JavaScript日期格式化函数，接收date字符串作为输入，通过timeZone选项将其格式化为指定时区的日期。简化版函数如下：

const getFormattedDateString = (date) => {
    return new Intl.DateTimeFormat('en-US', { dateStyle: 'full', timeStyle: 'full', timeZone: 'Africa/Casablanca' }).format(new Date(date));
};

我的理解是：若输入的date参数为UTC格式（例如'2023-06-19T18:24:41Z'），格式化后的日期字符串在不同本地时区的运行结果一致；若输入非UTC格式（例如'2023-06-19'），格式化结果会因运行环境的时区不同而变化。

疑问解答 #

1. 确保全球一致输出是否必须用UTC格式输入？ #

是的，必须确保输入的date参数是带Z后缀的UTC格式ISO字符串。

当传入非UTC格式的字符串（比如'2023-06-19'）时，new Date(date)会依据运行环境的本地时区解析该日期，将其视为本地时区的午夜时间，再转换为对应的UTC时间戳。不同时区环境下解析出的时间戳存在差异，后续用Intl.DateTimeFormat指定时区格式化时，基于不同时间戳自然会得到不同结果。

而输入UTC格式字符串时，new Date(date)会直接解析为对应的UTC时间戳，无论运行环境处于哪个时区，解析出的时间戳都是相同的，后续指定timeZone格式化时，输出结果自然一致。

2. 控制台输出本地时区日期对象，但格式化结果为何一致？ #

控制台打印的日期字符串是经过本地时区转换后的显示形式，但JavaScript的Date对象本质上存储的是UTC时间戳（从1970年1月1日UTC零点开始计算的毫秒数），与运行环境的时区无关。

例如，new Date("2023-06-19T18:24:41Z")创建的Date对象，内部存储的是固定毫秒数，代表UTC时间的2023-06-19 18:24:41。控制台打印时会自动将该时间戳转换为当前运行环境的本地时区时间显示，但对象本身的时间戳并未改变。

将这个Date对象传给Intl.DateTimeFormat的format方法时，方法会读取其内部的UTC时间戳，再根据指定的timeZone: 'Africa/Casablanca'转换为卡萨布兰卡时区的日期时间字符串。只要时间戳固定，无论运行环境在哪个时区，转换后的结果都会一致。

简言之，控制台的输出只是显示层面的时区转换，和Date对象实际存储的时间戳没有本质差异。

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