前言

大家好，我是林三心，用最通俗易懂的話講最難的知識點(diǎn)是我的座右銘，基礎(chǔ)是進(jìn)階的前提是我的初心！

最近發(fā)現(xiàn)越來越多的項(xiàng)目用到了 Zod 這個庫了，就比如 vben-pro 就整體都使用了 Zod 來進(jìn)行校驗(yàn)工作。它將帶領(lǐng)前端校驗(yàn)走向新的高度~

圖片

地址；https://zod.dev/

它主要具備的特點(diǎn)有：

• TypeScript-first： Zod與TypeScript深度集成，能夠自動推斷類型，減少類型錯誤。
• 簡潔易用： Zod的API設(shè)計(jì)簡潔，易于上手。
• 強(qiáng)大的驗(yàn)證功能： 支持多種數(shù)據(jù)類型和復(fù)雜的嵌套結(jié)構(gòu)驗(yàn)證。
• 可擴(kuò)展性： 允許開發(fā)者自定義驗(yàn)證規(guī)則和錯誤消息。

圖片

基本使用

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

定義模式

Zod的核心是定義模式。模式是對數(shù)據(jù)結(jié)構(gòu)的描述，可以是簡單的字符串、數(shù)字，也可以是復(fù)雜的對象或數(shù)組

圖片

驗(yàn)證數(shù)據(jù)

定義好模式后，可以使用 parse 方法來驗(yàn)證數(shù)據(jù)是否符合模式

圖片

處理錯誤

當(dāng)數(shù)據(jù)不符合模式時，Zod 會返回詳細(xì)的錯誤信息，幫助開發(fā)者快速定位問題

圖片

高級用法

嵌套對象和數(shù)組

Zod 支持嵌套對象和數(shù)組的驗(yàn)證，非常適合處理復(fù)雜的數(shù)據(jù)結(jié)構(gòu)

圖片

自定義驗(yàn)證規(guī)則

Zod 允許開發(fā)者自定義驗(yàn)證規(guī)則，以滿足特定的業(yè)務(wù)需求

圖片

類型推斷

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

圖片