前言

大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心！

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

圖片

地址；https://zod.dev/

它主要具備的特點有：

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

圖片

基本使用

Zod 的核心思想是通過定義 “模式”（Schema） 來描述數據的形狀，然后使用這些模式來驗證輸入數據是否符合預期

定義模式

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

圖片

驗證數據

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

圖片

處理錯誤

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

圖片

高級用法

嵌套對象和數組

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

圖片

自定義驗證規則

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

圖片

類型推斷

Zod 與 TypeScript 深度集成，能夠自動推斷模式對應的 TypeScript 類型

圖片