一個詭異的現(xiàn)象

在進行數(shù)據(jù)結(jié)構(gòu)設計時，我們通常需要考慮到相關(guān)業(yè)務的數(shù)據(jù)量等因素。比如非核心業(yè)務但數(shù)據(jù)量大并且頻繁寫入的表的主鍵，我們可能會考慮設計為Long類型。剛開始，數(shù)據(jù)量小，可能并不會發(fā)現(xiàn)什么問題。但是當數(shù)據(jù)量大了，或者Id采用雪花算法生成，這個時候詭異的事情便會發(fā)生。

后端數(shù)據(jù)正常返回，postman調(diào)試看數(shù)據(jù)也正常。但是當前端用后端返回的這個id查詢相應的數(shù)據(jù)時，便會發(fā)生詭異的NotFoundException，或者查詢的出來的數(shù)據(jù)和原先的數(shù)據(jù)不一致。

所以，誰偷偷動了我的代碼？

JavaScript的數(shù)值精度

如果只從后端分析問題，或者只從前端分析問題，那永遠也找不到答案。

在 JavaScript 中，數(shù)值類型默認會被轉(zhuǎn)換為雙精度浮點數(shù)，而雙精度浮點數(shù)的精度有限，只能精確表示 2 的 53 次方以內(nèi)（即 Number.MAX_SAFE_INTEGER，約為 9 x 10^15）的整數(shù)。對于超過該范圍的長整數(shù)，JavaScript 會發(fā)生精度丟失，導致值變得不準確。

例如一個雪花算法生成的ID 1734042308679487490，前端獲取到的值卻變成了1734042308679487500

知道了問題的原因，問題就容易解決了——將Long類型作為String類型返回給前端即可。

一個簡單的解決辦法

(1) Spring Boot 中提供了 @JsonFormat 注解，可以對實體類中的屬性進行序列化和反序列化格式化。對于 Long 類型的屬性，可以設置其格式為字符串類型，并在前端進行相應的處理，以保持其精度不丟失。如：

public class Order {
  @JsonFormat(shape = JsonFormat.Shape.STRING)
  private Long id;
  ...
}

前端獲取到的是string類型的數(shù)據(jù)，自然也不會有精度丟失的問題了。

(2) SpringBoot也支持在通過配置文件在項目級別，將數(shù)值類型的數(shù)據(jù)轉(zhuǎn)成字符串返回給前端，通過在 application.properties 文件中添加配置即可:

# 默認為false
spring.jackson.seralization.WRITE_NUMBER_AS_STRINGS=true

(3) 如果不想使用 @JsonFormat 注解或者項目不是基于SpringBoot框架構(gòu)建的，同樣的思路，直接將Long類型轉(zhuǎn)換成String返回給前端即可。

總結(jié)

在 JavaScript 中數(shù)值類型最大精度大約為9*10^15，即超過16位的數(shù)值一定會存在精度丟失問題。因此，后端返回Long類型的數(shù)值時，需要轉(zhuǎn)換成String給到前端。