最近發現越來越多的項目用到了 Zod 這個庫了,就比如 vben-pro 就整體都使用了 Zod 來進行校驗工作。它將帶領前端校驗走向新的高度~
地址;https://zod.dev/
它主要具備的特點有:
- TypeScript-first: Zod與TypeScript深度集成,能夠自動推斷類型,減少類型錯誤。
- 簡潔易用: Zod的API設計簡潔,易於上手。
- 強大的驗證功能: 支持多種數據類型和複雜的嵌套結構驗證。
- 可擴展性: 允許開發者自定義驗證規則和錯誤消息。
基本使用
Zod 的核心思想是通過定義 「模式」(Schema) 來描述數據的形狀,然後使用這些模式來驗證輸入數據是否符合預期。
定義模式
Zod的核心是定義模式。模式是對數據結構的描述,可以是簡單的字符串、數字,也可以是複雜的對象或數組。
驗證數據
定義好模式後,可以使用 parse 方法來驗證數據是否符合模式。
處理錯誤
當數據不符合模式時,Zod 會返回詳細的錯誤信息,幫助開發者快速定位問題。
高級用法
嵌套對象和數組
Zod 支持嵌套對象和數組的驗證,非常適合處理複雜的數據結構。
自定義驗證規則
Zod 允許開發者自定義驗證規則,以滿足特定的業務需求。
類型推斷
Zod 與 TypeScript 深度集成,能夠自動推斷模式對應的 TypeScript 類型。