引言

前幾天開(kāi)發(fā)中突然接到測(cè)試提的一個(gè) Bug，說(shuō)我的時(shí)間組件顯示異常。

我很詫異，這里初始化數(shù)據(jù)是后端返回的，我什么也沒(méi)改，這 bug 提給我干啥。我去問(wèn)后端：“這數(shù)據(jù)是不是有問(wèn)題？”。后端答：“沒(méi)問(wèn)題啊，我們一直都是這么返回的時(shí)間戳，其他人用也沒(méi)報(bào)錯(cuò)。”

于是，對(duì)比生產(chǎn)環(huán)境數(shù)據(jù)，我終于找到了問(wèn)題根源：「后端時(shí)間戳的類(lèi)型，從 Number 靜悄悄地變成了 String。」

Bug 原因

問(wèn)題的原因，肯定就出現(xiàn)在時(shí)間數(shù)據(jù)解析上了，代碼中，我統(tǒng)一用的 dayjs 做的時(shí)間解析。

如圖，對(duì)時(shí)間戳的解析我都是這么寫(xiě)的

const time = dayjs(res.endTime).format('YYYY-MM-DD HH:mm:ss')

于是，我分別試了兩種數(shù)據(jù)類(lèi)型的解析方式:

• 字符型

dayjs('175008959900').format('YYYY-MM-DD hh:mm:ss') // 1975-07-19 01:35:59

• 數(shù)值型

dayjs(Number('175008959900')).format('YYYY-MM-DD HH:mm:ss') // 2025-07-17 06:59:59

看來(lái)，問(wèn)題原因顯而易見(jiàn)了：

由于后端返回的是「字符串類(lèi)型」?的?'175008959900'，dayjs()?在處理字符串時(shí)，會(huì)嘗試按 “常見(jiàn)的日期字符串格式” 進(jìn)行解析（如?YYYY-MM-DD、YYYYMMDD?等），「并不會(huì)自動(dòng)識(shí)別為時(shí)間戳」。所以它「不會(huì)把這個(gè)字符串當(dāng)作毫秒時(shí)間戳來(lái)解析」，而是直接失敗（解析成無(wú)效日期），但 dayjs 會(huì)退化為 Unix epoch（1970 年）或給出錯(cuò)誤結(jié)果，最終導(dǎo)致返回的是錯(cuò)誤的時(shí)間。

如何避免此類(lèi)問(wèn)題

同 dayjs 一樣，原生的?new Date()?在解析時(shí)間戳?xí)r也存在類(lèi)似的問(wèn)題，因此，不管是?Date?還是?dayjs，一律對(duì)后端返回的時(shí)間戳?Number(input)?兜底處理，永遠(yuǎn)不要信任它傳的是數(shù)字還是字符串：

const ts = Number(res.endTime);
const date = new Date(ts);

思考

其實(shí)出現(xiàn)這個(gè)問(wèn)題，除了后端更改時(shí)間戳類(lèi)型，也在于我沒(méi)有充分理解 “時(shí)間戳” 的含義。我一直以為時(shí)間戳就是一段字符或一段數(shù)字，因此，從來(lái)沒(méi)有想過(guò)做任何兜底處理。那么，什么是時(shí)間戳？

「時(shí)間戳（Timestamp）」?是一種用來(lái)表示時(shí)間的數(shù)字，通常表示從某個(gè) “起點(diǎn)時(shí)刻” 到某個(gè)指定時(shí)間之間「所經(jīng)過(guò)的時(shí)間長(zhǎng)度」。這個(gè) “起點(diǎn)” 大多數(shù)情況下是?「1970 年 1 月 1 日 00:00:00 UTC（Unix 紀(jì)元）」?。

「常見(jiàn)時(shí)間戳類(lèi)型：」

「時(shí)間戳的意義：」

• 它是一個(gè)?「絕對(duì)時(shí)間的數(shù)字化表示」，可以跨語(yǔ)言、跨平臺(tái)統(tǒng)一理解；
• 更容易做計(jì)算：兩個(gè)時(shí)間戳相減就能得到毫秒差值（時(shí)間間隔）；
• 更緊湊：比如比字符串?"2025-07-17 06:59:59"?更短，處理性能更高。

「在 JavaScript 中的使用：」

console.log(Date.now()); // 比如：1714729530000

// 將時(shí)間戳轉(zhuǎn)為日期
console.log(new Date(1750089599000)); // Thu Jul 17 2025 06:59:59 GMT+0800

關(guān)注更多AI編程資訊請(qǐng)去AI Coding專(zhuān)區(qū)：https://juejin.cn/aicoding