前端校驗屆的超新星,已被各大知名項目採用!

最近發現越來越多的項目用到了 Zod 這個庫了,就比如 vben-pro 就整體都使用了 Zod 來進行校驗工作。它將帶領前端校驗走向新的高度~

地址;https://zod.dev/

它主要具備的特點有:

  • TypeScript-first: Zod與TypeScript深度集成,能夠自動推斷類型,減少類型錯誤。
  • 簡潔易用: Zod的API設計簡潔,易於上手。
  • 強大的驗證功能: 支持多種數據類型和複雜的嵌套結構驗證。
  • 可擴展性: 允許開發者自定義驗證規則和錯誤消息。

基本使用

Zod 的核心思想是通過定義 「模式」(Schema) 來描述數據的形狀,然後使用這些模式來驗證輸入數據是否符合預期。

定義模式

Zod的核心是定義模式。模式是對數據結構的描述,可以是簡單的字元串、數字,也可以是複雜的對象或數組。

驗證數據

定義好模式後,可以使用 parse 方法來驗證數據是否符合模式。

處理錯誤

當數據不符合模式時,Zod 會返回詳細的錯誤信息,幫助開發者快速定位問題。

高級用法

嵌套對象和數組

Zod 支持嵌套對象和數組的驗證,非常適合處理複雜的數據結構。

自定義驗證規則

Zod 允許開發者自定義驗證規則,以滿足特定的業務需求。

類型推斷

ZodTypeScript 深度集成,能夠自動推斷模式對應的 TypeScript 類型。